使用CSS可以非常簡單地創建一個三角形箭頭，下面我們來看看具體的實現方法。

.arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #f00;
}

代碼解釋：

通過設置元素的邊框樣式為實線(border-style: solid)，并分別設置上、右、下三個方向的寬度(border-width)為0、10px、10px；同時設置左邊框的顏色(border-color)為透明、透明、透明、紅色(#f00)，就可以得到一個左側為直線、右側為斜線的三角形箭頭。

實際上，我們還可以通過旋轉元素來得到不同方向的箭頭。例如，下面的代碼可以得到一個向上的箭頭：

.arrow {
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f00 transparent transparent transparent;
transform: rotate(45deg);
}

代碼解釋：

與上一個例子類似，只是在上、右、下三個方向的寬度(border-width)中將下設為0；同時，將左邊框的顏色(border-color)設為紅色(#f00)、透明、透明、透明。此外，通過設置transform: rotate(45deg)可以將元素旋轉45度，從而得到向上的箭頭。

以上是用CSS實現三角形箭頭的兩個例子，你還可以嘗試根據需要自行調整樣式屬性，從而得到其他形狀和方向的箭頭效果。