通过三角形拼成五角星，具体尺寸是怎么计算的

同学你好，针对同学的问题解答如下：

1.五角星的形成：可以先实现一个三角形：

效果：

然后再通过伪元素，再添加一个三角形：

效果：

然后通过旋转、定位等方式让它们重叠在一起：

效果：

再添加伪元素，添加一个三角形：

效果：

旋转并定位，让它重叠在另外两个上面：

这样一个五角星就布局完成了：

之后改为同一个颜色（黄色）即可。其实不需要两个大的三角形，一个小的三角形去布局，这里需要三个一样大的三角形就可以拼成一个五角星。（当然这些定位、旋转数据都是自己一点一点调试的。）

2.可以通过border的表现形式看下三角形和边框的关系 ,给一个元素边框设置如下：

观察如下 ,border表现为梯形：

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

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

所以，如上例子，border-left就是左边蓝色的三角形。建议同学自己动手测试一下，更好理解。

如果我的回答帮到了你，欢迎采纳，祝学习愉快~