可以给一下完整的代码吗？

你好，自己动手对知识及理解更深刻，给个简单思路，思考并动手试一试：

》通过边框设置一个三角，然后旋转三角调整角度，在然后通过after\before设置三角形，然后通过不同的旋转，拼成五角星。

CSS代码：

<style type="text/css">
    #jiao1 { width: 0;height: 0; 
          margin: 300px 300px;color: #f00;
           position: relative;
           display: block;
           border-right: 100px solid transparent; 
          border-bottom: 70px solid #f00; 
           border-left: 100px solid transparent;  
          -moz-transform: rotate(35deg); 
          -webkit-transform: rotate(35deg); 
          -ms-transform: rotate(35deg);
          -o-transform: rotate(35deg);}
     #jiao1::after { ......}/*同上请思考*/
     #jiao1::before { ......}/*同上请思考*/
 }

HTML代码：

<div id="jiao1"></div>
<div id="jiao2"></div>
......

最后设置每个五角星的位置，缩放及旋转。希望对你有帮助，祝学习快乐