在CSS中,我們可以使用cursor
屬性來(lái)添加手型,我們可以將cursor
屬性設(shè)置為hand
,這將使鼠標(biāo)指針在懸停時(shí)變?yōu)槭中?,以下是一個(gè)示例:
.hand-cursor { cursor: hand; }
在這個(gè)示例中,我們創(chuàng)建了一個(gè)名為.hand-cursor
的類(lèi),并將cursor
屬性設(shè)置為hand
,我們可以將這個(gè)類(lèi)應(yīng)用到任何我們想要鼠標(biāo)指針變?yōu)槭中偷脑厣稀?/p>
<div class="hand-cursor">鼠標(biāo)懸停在這里將變?yōu)槭中?lt;/div>
在這個(gè)示例中,我們將.hand-cursor
類(lèi)應(yīng)用到一個(gè)div
元素上,這意味著當(dāng)鼠標(biāo)懸停在這個(gè)div
元素上時(shí),鼠標(biāo)指針將變?yōu)槭中汀?/p>
需要注意的是,hand
光標(biāo)在大多數(shù)現(xiàn)代瀏覽器中都得到了支持,但在一些較舊的瀏覽器版本中可能無(wú)法正常工作,在使用這種方法時(shí),***好先測(cè)試一下你的目標(biāo)瀏覽器是否支持hand
光標(biāo)。
除了hand
之外,CSS還支持其他多種光標(biāo)類(lèi)型,例如default
、pointer
、progress
等,這些都可以根據(jù)需要進(jìn)行設(shè)置。