1回答

好帮手慕慕子

2021-01-17

同学你好，可以绘制出三个三角形后，通过旋转，位移调整三角形的位置，组成一个五角星，示例：

所以搞清楚一个三角形如何绘制，五角基本上就理解了。三角的绘制思路是通过边框实现的，看如下例子：

给一个元素设置宽高以及边框，边框比较粗的时候，表现形式为梯形：

当宽高不断减少时 , border会越趋向于三角形 , 如下：

当宽高为0时，border变成了三角 , 如下：

所以，一个三角就是把其他角度的边框都设置为透明transparent，留一个角度的边框颜色即可。

那么关于练习，是制作5个五角星，通过旋转、缩放布局成如下图效果：

祝学习愉快~

0