在 CSS 中，右三角经常被使用搭配图标或箭头，提高用户体验，也让页面更加美观。下面介绍两种实现方法。

/* 方法一：使用border属性 */
.right-triangle {
border-top: 10px solid transparent;
border-right: 10px solid black;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
width: 0;
height: 0;
}
/* 方法二：使用伪元素 */
.right-triangle:before {
content: '';
display: block;
width: 0;
height: 0;
border-top: 10px solid transparent;
border-right: 10px solid black;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
}

以上两种方法都可以实现一个宽度和高度为0的右三角形。使用多个三角形组合可以创造出更加复杂的形状。