CSS小箭頭可以讓頁面元素看起來更加美觀，它可以用來標識下拉菜單或者表單字段等。下面我們來看一下如何用CSS來實現小箭頭。

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

這段CSS代碼創建了一個寬度為0、高度為0的元素，然后給它添加了四個不同的邊框。其中，左、右和底部的邊框顏色都是透明的，只有頂部的邊框是白色的。

這樣，這個元素就呈現出一個三角形的效果，同時利用透明的邊框可以創建出箭頭中間的空白。如果想改變箭頭的方向，只需要調整相應邊框的寬度和顏色即可。

使用這個CSS樣式就可以將箭頭應用到需要的元素上：

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

這個方法不僅簡單易懂，而且通過CSS樣式可以輕松調整箭頭的大小、顏色、方向等屬性，使得它更好地融入到頁面設計中。