css怎么设置五角星 |css ie6 雅黑

.star{
position:relative;
display:inline-block;
width:20px;
height:20px;
}
.star:before,
.star:after{
content:'';
position:absolute;
top:0;
left:0;
width:0px;
height:0px;
border-right:10px solid transparent;
border-bottom:7px solid #f7d000;/*#f7d000是五角星的颜色，可以根据实际情况来调整*/
border-left:10px solid transparent;
transform-origin:center;
}
.star:before{
transform:rotate(-35deg);
}
.star:after{
transform:rotate(35deg);
}

这里的.star是五角星所在的容器。大家通过设置:before和:after的边框来画出五角星的两个三角形，再通过transform:rotate()让它们旋转并组合成五角星的形状。