CSS寫左右箭頭

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

以上代碼分別表示左箭頭和右箭頭的樣式。其中，利用了 CSS 的 border 屬性來實現(xiàn)箭頭的形狀，通過設(shè)置 transparent（透明）顏色的邊框?qū)崿F(xiàn)了箭頭外側(cè)的空白區(qū)域。

在使用時，可通過調(diào)整箭頭的大小、顏色等屬性來適應(yīng)不同的布局和風(fēng)格。同時，還可以配合其他 CSS 屬性和樣式，使箭頭更加豐富多彩。