你可以使用 CSS 的边框属性来创建三角形。基本思路是使用透明的边框和一个颜色填充的边框来实现。以下是一个例子,展示如何用 CSS 制作一个指向下方的三角形:
说明
width
和height
设为0
,使元素没有实际的宽度和高度。border-left
和border-right
设为透明,以使三角形的两个侧边不可见。border-top
设为你希望的颜色,它将显示为三角形的底边。
你可以调整 border
的值来改变三角形的大小和方向。例如,如果你想要一个向上的三角形,可以调整 border-bottom
的颜色,而 border-top
设为透明。