1回答

好帮手慕夭夭

2019-05-29

你好同学，思路如下：

可以观察一下，一个五角星是由三个三角形组成，所以先绘制一个三角形。第一个三角绘制好之后 ，另外两个三角就是通过旋转不同的角度 （transform: rotate(<angle>); angle指旋转角度），从而组成了一个五角星。

所以重要的是要绘制一个三角形，它的思路是如下这样

当一个盒子设置width和height为0后，整个盒子就都是由边框组成的。当给一个盒子4个角度的边框设置不同颜色的时 ，会发现它表现形式就是4个三角：

给其他三个角度的边框设置透明背景色（transparent），就会剩一个三角形状了。一个五角星绘制出来了，那么其他几个绘制方法都是一样的哦。只不过是通过定位，让它们在不同的位置上显示。

可以尝试一下，如果哪里不会了，粘贴代码提问，老师会有针对性的指导你。或者在问答区域学一下其他小伙伴的思路哦。

祝学习愉快 ，望采纳。

0