没太明白三角形是怎么产生的

来源:2-4 页面顶部的开发(3)

幕布斯0449408

2020-09-21 13:31:58

能再解释一下么,为何上边框是蓝色会形成一个三角形,为何上边框是斜的?没太想明白

写回答

1回答

好帮手慕言

2020-09-21

同学你好,三角的绘制思路可以通过边框实现,例子:

http://img.mukewang.com/climg/5f684679097c3abe06220495.jpg

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

http://img.mukewang.com/climg/5f6846b709ba014001900176.jpg

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

http://img.mukewang.com/climg/5f68471a0986c49f00770067.jpg

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

http://img.mukewang.com/climg/5f68473b09f5dd3c00610058.jpg

因此一个三角形就是把其他角度的边框都设置为透明transparent,留一个角度的边框即可。

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

0

0 学习 · 15276 问题

查看课程