在網(wǎng)頁設(shè)計中，鼠標(biāo)經(jīng)常用來交互，而CSS可以讓我們改變鼠標(biāo)的圖片。

CSS中使用cursor屬性來定義鼠標(biāo)的樣式，其可選值如下：

auto          默認(rèn)值，瀏覽器自動選擇合適的光標(biāo)
default       瀏覽器默認(rèn)光標(biāo)
pointer       手形光標(biāo)，表示光標(biāo)在鏈接上
text          I形光標(biāo)，表示可編輯文本的區(qū)域
move          十字箭頭光標(biāo)，表示可移動的元素
not-allowed   禁止光標(biāo)，表示不可用的元素
...

如果我們想要使用自定義的圖片作為光標(biāo)，可以使用以下語法：

cursor: url('image.png') x y;

其中url('image.png')為圖片路徑，x y為鼠標(biāo)點擊點的坐標(biāo)，如果不知道可以設(shè)置為0 0。

例如，下面的代碼將鼠標(biāo)光標(biāo)設(shè)置成一個游戲手柄的圖片：

.custom-cursor {
cursor: url('joystick.png') 0 0;
}

最后，別忘了將自定義的樣式應(yīng)用到HTML元素上：

<div class="custom-cursor">我是一個用游戲手柄光標(biāo)的元素</div>

這樣，我們就能成功地使用自定義的鼠標(biāo)圖片了。