CSS三角形可以輕松地通過CSS代碼來實現，它是一種非常常見的元素，可以用在很多地方，比如箭頭符號、氣泡表單等。

.arrow-right {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #000;
}

上面的代碼就是一個向右的箭頭，其中，width和height為0，是為了讓箭頭的大小只由border來控制。border-top和border-bottom用于定義箭頭的上下端，而border-left用于定義箭頭的右側端。箭頭的顏色可以根據需求進行更改。

在使用箭頭時，需要將箭頭的class屬性設為arrow-right即可，如下所示：

<div class="arrow-right"></div>

當然，箭頭的出現位置和方向也可以通過更改border的參數來進行改變，如下所示為向左的箭頭：

.arrow-left {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-right: 10px solid #000;
}

同樣地，箭頭的class屬性需設為arrow-left，如下所示：

<div class="arrow-left"></div>

通過CSS代碼實現箭頭，不僅可以節省圖片資源和加載時間，還可以更加靈活地調整箭頭的大小和位置，是一種非常實用的技術。