CSS中的鼠標(biāo)樣式定義

在CSS中，我們可以使用cursor屬性來(lái)定義鼠標(biāo)的樣式。cursor屬性可以指定當(dāng)鼠標(biāo)指針移動(dòng)到元素上時(shí)應(yīng)采用的樣式。

如果你想將鼠標(biāo)樣式定義為“hand”，你可以這樣寫：

element {
  cursor: hand;
}

這會(huì)將元素的鼠標(biāo)樣式定義為手形，除了手形，CSS還提供了許多其他鼠標(biāo)樣式，如：

default：系統(tǒng)默認(rèn)的鼠標(biāo)樣式。

none：無(wú)鼠標(biāo)樣式。

context-menu：上下文菜單的鼠標(biāo)樣式。

help：幫助信息的鼠標(biāo)樣式。

zoom-in：放大鼠標(biāo)樣式。

zoom-out：縮小鼠標(biāo)樣式。

你還可以自定義鼠標(biāo)樣式，

element {
  cursor: url('custom_cursor.png'), auto;
}

這會(huì)將元素的鼠標(biāo)樣式定義為一個(gè)自定義的圖片，圖片路徑為custom_cursor.png，如果圖片無(wú)法加載，則會(huì)使用系統(tǒng)默認(rèn)的鼠標(biāo)樣式。

cursor屬性的值必須是有效的鼠標(biāo)樣式名稱或URL路徑，如果值無(wú)效，則瀏覽器可能會(huì)忽略該屬性或采用默認(rèn)值。