CSS3中的cursor屬性是指當(dāng)鼠標(biāo)在某個元素上移動時(shí),指針的樣式。這個屬性的特點(diǎn)在于可以將鼠標(biāo)指針設(shè)置成各種不同的樣式,從而提升網(wǎng)站的交互性。
cursor:auto;
默認(rèn)值為auto,即由瀏覽器來根據(jù)元素的類型或其他因素來決定何時(shí)使用什么形式的光標(biāo)。
cursor:pointer;
設(shè)置光標(biāo)形狀為手型,這一般適用于可以點(diǎn)擊的鏈接和按鈕。
cursor:text;
設(shè)置光標(biāo)形狀為I型(豎線),這一般適用于文本框以及其他可編輯的區(qū)域。
cursor:crosshair;
設(shè)置光標(biāo)形狀為十字架,這一般用于繪圖或其他需要精確定位的操作。
cursor:help;
設(shè)置光標(biāo)形狀為問號,這一般用于需要提示用戶如何操作的鏈接或按鈕。
cursor:wait;
設(shè)置光標(biāo)形狀為等待,這一般用于當(dāng)網(wǎng)站正在進(jìn)行某個耗時(shí)的操作而需要提示用戶進(jìn)行等待時(shí)。
除了以上幾種基本形式外,CSS3的cursor屬性還支持其他更為豐富的樣式,例如zoom-in、zoom-out、move等效果,可以讓網(wǎng)站設(shè)計(jì)變得更加生動活潑。