CSS中可以通過(guò)偽元素來(lái)表示箭頭，偽元素是指在元素之前或之后生成的虛擬元素。

::before {
content: "";
border: 5px solid transparent;
border-right-color: #333;
transform: rotate(45deg);
}

這段代碼通過(guò)生成一個(gè)空的content內(nèi)容，設(shè)置了一個(gè)5像素的橫向邊框，并將右邊框設(shè)置為#333的顏色，最后通過(guò)rotate旋轉(zhuǎn)變換45度得到了一個(gè)向右上方的箭頭。

::after {
content: "";
border: 5px solid transparent;
border-right-color: #333;
transform: rotate(-135deg);
}

這段代碼同樣是生成一個(gè)空的content，設(shè)置了一個(gè)5像素的橫向邊框，并將右邊框設(shè)置為#333的顏色，不同的是這里通過(guò)rotate旋轉(zhuǎn)變換-135度得到了一個(gè)向左下方的箭頭。

需要注意的是，偽元素的content屬性必須設(shè)置一個(gè)空內(nèi)容，否則偽元素將不會(huì)有效果。