css怎么画加号 |css3 keyframe slider

.plus{
position: relative;
width: 50px;
height: 50px;
background-color: #eee;
}
.plus:before,
.plus:after{
content: '';
position: absolute;
top: 50%;
left: 0;
width: 100%;
height: 2px;
background-color: #000;
transform: translateY(-50%);
}
.plus:before{
transform: rotate(90deg);
}

大家首先定义一个class为plus的div，接着大家使用伪元素before和after分别画出两条直线。在这里，大家使用position属性将它们定位到了plus这个div的中心，并且使用transform属性将它们垂直居中。大家通过对before元素进行旋转，将它转换成了横向的直线，最终呈现出了一个加号的形状。

现在大家可以在HTML中使用这个class了：

<div class="plus"></div>

这样大家就成功地画出了一个加号了。当然，你也可以通过调整CSS中的一些属性，自己设计出更加漂亮的样式。CSS的学习无止境，希望大家能够继续钻研。