css3 画星星 |php生成css样式

.star {
margin: 0;
padding: 0;
list-style: none;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 70px solid #ffc600;
position: absolute;
transform: rotate(35deg);
}
.star:before {
content: "";
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 70px solid #ffc600;
position: absolute;
top: -40px;
left: -55px;
}
.star:after {
content: "";
width: 70px;
height: 70px;
position: absolute;
top: 2px;
left: -38px;
background: #ffc600;
transform: rotate(70deg);
border-radius: 50px 0 0 0;
}

上面的代码就实现了画一个黄色五角星的效果。大家将这个CSS样式放在一个HTML文档中，可以看到如下的效果：

如果需要画其他颜色或者大小的五角星，只需要修改相应的属性值即可。