在 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的右三角形。使用多個三角形組合可以創造出更加復雜的形狀。