Question

css3能不能做出斜边“/”这样的， 简单的代码，单个div元素的边框

Answer 1

可以用旋转来做，不知道是不是最简单的，但是代码给你
transform: rotate(30deg);
旋转到你要的角度，然后单边给border就行了

Answer 2

<div class="skew"></div>

.skew {
    transform: skewX(-30deg);
}

如果div里面的内容不想跟着动，可以给里面的内容加个容器，然后用skewX再扭回来

Answer 3

div{
	width: 160px;height: 80px;border: 1px solid blue;
	transform: rotateY(30deg) rotateX(-30deg);transition: all .5s;
}
div:hover{
	background-color: blue;
}

<div></div><div></div>

看看是不是你想要的效果

Answer 4

倾斜，transform:rotate

追答

+10086

Answer 5

边框?那就是border