使用 CSS 实现三角形可以通过伪元素 ::before 或 ::after 来实现。下面是一个例子：
.triangle {
width: 0;
height: 0;
border-top: 50px solid transparent;
border-bottom: 50px solid transparent;
border-left: 50px solid #f00;
}这个例子中，我们创建了一个宽度为0，高度为0的元素，并使用 border-top、border-bottom、border-left 属性创建三角形。其中，50px 是三角形的大小，#f00 是三角形的颜色，可以根据需要进行修改。
如果需要创建三角形的不同形状，可以通过修改上述属性的值来达到目的。例如，修改 border-top 和 border-left 的值可以创建一个向右的三角形，修改 border-top 和 border-right 的值可以创建一个向左的三角形。
需要注意的是，如果需要在三角形周围添加边框或背景色，可能需要对三角形的外层元素进行一些调整，以避免出现不必要的显示效果。
关键词高亮颜色：伪元素、border-top、border-bottom、border-left、border-right。