同学你好,可以绘制出三个三角形后,通过旋转,位移调整三角形的位置,组成一个五角星,示例:
所以搞清楚一个三角形如何绘制,五角基本上就理解了。三角的绘制思路是通过边框实现的,看如下例子:
给一个元素设置宽高以及边框,边框比较粗的时候,表现形式为梯形:
当宽高不断减少时 , border会越趋向于三角形 , 如下:
当宽高为0时,border变成了三角 , 如下:
所以,一个三角就是把其他角度的边框都设置为透明transparent,留一个角度的边框颜色即可。
那么关于练习,是制作5个五角星,通过旋转、缩放布局成如下图效果:
祝学习愉快~
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星