CSS 圓腳箭頭是一種常見的 UI 元素，可以用于提示用戶或標(biāo)識(shí)各種場(chǎng)景。下面我們來介紹如何用 CSS 實(shí)現(xiàn)圓腳箭頭。

.arrow {
width: 0;
height: 0;
border-top: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid #333;
border-radius: 5px;
}

首先我們創(chuàng)建一個(gè)元素作為箭頭容器，然后定義它的寬度和高度都為 0，再分別設(shè)置其上下兩個(gè) border 的樣式為 10px 的實(shí)心邊框，同時(shí)設(shè)置左邊的 border 樣式為 10px 的實(shí)心箭頭，顏色可以根據(jù)實(shí)際需求進(jìn)行調(diào)整，這里以灰色為例。最后，通過 border-radius 屬性設(shè)置圓角半徑，讓箭頭更加美觀。至此，我們的圓腳箭頭就實(shí)現(xiàn)了。