方案一:使用 border 属性
使用了 border 属性来绘制三角形, 设置 width 和 height 为 0,设置 border-left 和 border-right 为相同的长度,以及 border-bottom 为需要的高度,可以创建一个等腰三角形
方案二:使用伪元素

使用了伪元素 ::before 来创建三角形。首先,设置一个容器元素 .triangle 的宽度和高度,并设置背景颜色。使用 ::before 伪元素来创建一个相同大小的透明三角形,通过设置边框的属性来绘制。通过调整 border 的宽度和高度,可以创建不同形状和大小的三角形
博客介绍了两种用CSS绘制三角形的方案。方案一是使用border属性,通过设置特定值创建等腰三角形;方案二则是利用伪元素,先设置容器元素的宽高和背景色,再用伪元素创建透明三角形,通过调整属性绘制不同形状和大小的三角形。
6593

被折叠的 条评论
为什么被折叠?



