怎么实现五角星的图案呢？
来源：2-9 编程练习
慕设计3487605
2019-01-30 15:48:56
如题
写回答
1回答
-
同学你好，实现五角星的图案，首先先创建一个三角形，通常是使用一个空元素来设置，这个元素是用border边框宽来设置三角形，参考下图：
第二步，使用伪类元素：after和：before再来做2个三角形。
第三步，两个伪类元素上分别应用不同的旋转，来达到五角星的效果，参考下图：
第四步，还可以给这个元素设置位移和缩放，使得效果更佳美观，参考下图：
自己测试一下，如果帮助到了你，欢迎采纳。
祝学习愉快！
1
相似问题