在網(wǎng)頁設(shè)計(jì)中，經(jīng)常會(huì)使用CSS來美化頁面，其中一個(gè)常用的屬性就是cursor，用來改變鼠標(biāo)移動(dòng)到某一元素上時(shí)的光標(biāo)形態(tài)，其中最常見的就是劃過變小手。

.hover-hand {
cursor: pointer;
}

上述代碼就是最基本的將光標(biāo)變?yōu)樾∈值腃SS屬性，可以給需要?jiǎng)澾^變小手的元素加上.hover-hand類名即可。

除此之外，還有一些其他的光標(biāo)形態(tài)，如光標(biāo)變?yōu)槲谋据斎牍鈽?biāo)（text）、十字箭頭（crosshair）、等待（wait）、禁止操作（not-allowed）等等。使用這些屬性可以幫助用戶更好地理解頁面上元素的交互方式，增加用戶體驗(yàn)。

.text-input {
cursor: text;
}
.crosshair {
cursor: crosshair;
}
.wait {
cursor: wait;
}
.not-allowed {
cursor: not-allowed;
}

除了以上常見的光標(biāo)形態(tài)外，還可以自定義鼠標(biāo)樣式，將需要的圖標(biāo)作為光標(biāo)顯示。這需要制作一個(gè)用來代表光標(biāo)的圖片，通常為32x32像素大小，常見的格式有.cur和.gif兩種。制作好圖片后，可以使用如下代碼來將圖片作為光標(biāo)顯示。

.custom-cursor {
cursor: url(cursor.cur), auto;
}

以上就是關(guān)于CSS劃過變小手的介紹，這一小技巧看似簡單卻對增加頁面交互性和用戶體驗(yàn)有很大作用。