方案一:使用 border 属性
使用了 border
属性来绘制三角形, 设置 width
和 height
为 0,设置 border-left
和 border-right
为相同的长度,以及 border-bottom
为需要的高度,可以创建一个等腰三角形
方案二:使用伪元素
使用了伪元素 ::before
来创建三角形。首先,设置一个容器元素 .triangle
的宽度和高度,并设置背景颜色。使用 ::before
伪元素来创建一个相同大小的透明三角形,通过设置边框的属性来绘制。通过调整 border
的宽度和高度,可以创建不同形状和大小的三角形