在 CSS 中,我們可以使用 cursor 屬性來控制鼠標(biāo)移動到某個(gè)元素上時(shí)鼠標(biāo)的形狀。cursor 屬性可以取以下值中的任何一個(gè):
auto:瀏覽器自動選擇適合的光標(biāo)類型。 default:默認(rèn)的光標(biāo)形狀。 pointer:手形光標(biāo),通常用于鏈接。 text:文本型光標(biāo),通常用于輸入框和文本框。 move:移動型光標(biāo)。 wait:等待型光標(biāo),通常用于表明當(dāng)前正在進(jìn)行操作。 help:問號型光標(biāo),通常用于表明當(dāng)前需要幫助。
在 CSS 文件中,我們可以使用如下代碼來改變元素的鼠標(biāo)樣式:
/* 使用默認(rèn)光標(biāo) */ .element { cursor: default; } /* 使用手形光標(biāo) */ .link { cursor: pointer; } /* 使用移動型光標(biāo) */ .image { cursor: move; }
如果要一次性改變整個(gè)頁面的鼠標(biāo)樣式,可以在 body 元素中設(shè)置 cursor 屬性:
body { cursor: default; }
需要注意的是,不同瀏覽器的 cursor 屬性支持程度可能不同,建議使用常見的光標(biāo)類型。
上一篇css金黃色
下一篇css金光閃閃四角星