可以使用css的伪元素：before和after来实现画五角星的效果，代码如下：
可以使用css的伪元素：before和after来实现画五角星的效果，代码如下：
css
.star {
position: relative;
display: inline-block;
width: 50px;
height: 50px;
background-color: #000;
}
.star:before, .star:after {
content: "";
position: absolute;
top: 0;
left: 24px;
width: 0;
height: 0;
border-radius: 50%;
background: #000;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.star:before {
border-bottom: 15px solid #fff;
border-left: 15px solid #fff;
}
.star:after {
border-top: 15px solid #fff;
border-right: 15px solid #fff;
}
本站系公益性非盈利分享网址，本文来自用户投稿，不代表码文网立场，如若转载，请注明出处
评论列表（88条）