绘制五角星并设置位置的思路还是很乱的？

同学你好，使用::before和::after的原因是：我们在使用div只能做出一个三角形，这个时候我们就需要另外两个三角形，使用::before和::after可以在容器的开头和结尾多出一块内容，通过对这三个三角形进行移动和角度的旋转拼合成一个五角星。

事实上你也可以用三个div组成一个五角星，效果跟使用::before和::after一样，只不过使用::before和::after可以让代码看起来更简洁。