要使用 CSS 实现三角形指示器，可以通过CSS的 border 属性来实现。通过设置元素的宽和高都为 0，然后设置其中的 2 条边框为 左右为透明 和 下边框为自定义颜色，并且设置这 3 条边框的粗细不同，从而得到一个等腰直角三角形。
具体地说，可以设置元素的宽和高都为 0，并且设置其边框的粗细，如下所示：
.triangle {
width: 0;
height: 0;
border-top: 20px solid transparent; /*上边框*/
border-right: 20px solid transparent; /*右边框*/
border-bottom: 20px solid #F00; /*下边框*/
border-left: none; /*左边框透明*/
}在上述代码中，设置了元素的宽和高都为 0，因此只有设置的边框才能显示出来。同时，将上边框和右边框都设置为透明色，因此只有下边框能够展现出来，形成一个等腰直角三角形，该三角形的底边长就是设置的边框宽度，即 20px。
需要注意的是，如果想让指示器向上或向左显示，只需改变对应边框的方向和粗细即可。
相关关键词：CSS border、border-top、border-right、 border-bottom、border-left、transparent、透明色、三角形指示器。