在我們的網(wǎng)頁(yè)中，添加一個(gè)小手的圖標(biāo)可以讓用戶知道哪些元素是可點(diǎn)擊的。下面將介紹如何使用CSS來(lái)為圖片添加一個(gè)小手圖標(biāo)。

.img {
cursor: pointer;
}

上述代碼中，我們使用了CSS中的cursor屬性。它可以改變鼠標(biāo)所在位置顯示的光標(biāo)。設(shè)置為pointer時(shí)，光標(biāo)會(huì)變成一個(gè)小手圖標(biāo)。

接下來(lái)，我們需要將上面的代碼應(yīng)用于HTML中的元素。為此，我們可以先給img元素添加一個(gè)特定的class，然后將上面的CSS樣式應(yīng)用于該class：

<img src="example.jpg" class="image">
.image {
cursor: pointer;
}

此時(shí)，當(dāng)用戶將鼠標(biāo)懸停在圖片上時(shí)，光標(biāo)會(huì)變成一個(gè)小手圖標(biāo)，表示該圖片是可點(diǎn)擊的。

除了元素之外，還可以應(yīng)用相同的CSS樣式于其他可點(diǎn)擊元素，比如等。這樣，用戶就可以更直觀地知道哪些元素可以點(diǎn)擊，提高了網(wǎng)頁(yè)的用戶體驗(yàn)。