在CSS中，我們經常需要設計一些帶有箭頭的元素，例如菜單欄或下拉列表。而在用戶與這些元素進行交互時，我們往往希望鼠標指針顯示為手指圖標，以提示用戶可以點擊或選擇。

要將箭頭變為小手（即鼠標手指圖標），我們可以使用CSS中的“cursor”屬性。這個屬性用于設置鼠標指針在元素上的顯示方式。例如：

.arrow {
cursor: pointer;
}

上面的代碼將“arrow”類的元素的鼠標指針設置為手指圖標，這個類可以應用于任何帶有箭頭的元素，例如：

<div class="arrow"></div>
<button class="arrow">點擊</button>

但是，如果我們想要將箭頭中的某一部分（例如箭頭頭部）設置為手指圖標，該怎么辦呢？這時我們需要使用CSS中的“::before”或“::after”偽元素來實現。例如：

.arrow::before {
content: "";
display: inline-block;
border-top: 10px solid black;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
cursor: pointer;
}

上面的代碼將通過偽元素“::before”來創建一個實心的箭頭頭部，并將此部分的鼠標指針設置為手指圖標。其他部分的鼠標指針將保持默認狀態。

通過這種方法，我們可以在需要的地方將箭頭中的某一部分設置為手指圖標，使用戶交互更加友好。