CSS中有很多特殊符號(hào)，其中最常見的就是三角符號(hào)，用于實(shí)現(xiàn)三角形圖形或箭頭。下面我們來介紹一些常用的三角符號(hào)：

/* 向上的三角 */
.triangle-up {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid #000;
}
/* 向下的三角 */
.triangle-down {
width: 0;
height: 0;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #000;
}
/* 向左的三角 */
.triangle-left {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-right: 5px solid #000;
border-bottom: 5px solid transparent;
}
/* 向右的三角 */
.triangle-right {
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid #000;
border-bottom: 5px solid transparent;
}

以上代碼中，我們分別定義了四個(gè)class來實(shí)現(xiàn)不同方向的三角。實(shí)現(xiàn)的原理是利用border的特性，通過對(duì)某一條邊設(shè)置邊框大小和顏色，其他邊不設(shè)置，就可以實(shí)現(xiàn)三角形的效果。

除此之外，我們還可以通過偽元素:before或:after來實(shí)現(xiàn)更多不同樣式的三角形，比如菱形等等。在實(shí)際開發(fā)中，三角符號(hào)的應(yīng)用非常廣泛，比如導(dǎo)航條中的下拉菜單、彈窗中的箭頭提示等等場(chǎng)景都可以使用到。