在CSS中,cursor是一個(gè)非常常用的屬性。它用于控制鼠標(biāo)在頁面上的外觀。
cursor: pointer;
以上代碼會將鼠標(biāo)指針的形狀改變?yōu)槭中?。這個(gè)屬性值在用戶可以點(diǎn)擊頁面某個(gè)元素時(shí)使用,它告訴用戶該元素是可點(diǎn)擊的。
cursor屬性也可以用于控制鼠標(biāo)在不同元素上的外觀。
p { cursor: pointer; } a { cursor: pointer; } form input[type="submit"] { cursor: pointer; }
以上代碼中,鼠標(biāo)在段落,鏈接和提交按鈕上的形狀會變成手形。
當(dāng)然,cursor屬性可以設(shè)置很多種不同的值,比如default,help,wait等等。每個(gè)值都代表了不同的鼠標(biāo)指針形狀。
cursor: default; cursor: help; cursor: wait;
除此之外,cursor屬性還可以使用URL值,指定一個(gè)自定義的鼠標(biāo)指針圖片。
cursor: url('custom_cursor.png'), auto;
以上代碼會將鼠標(biāo)指針替換為"custom_cursor.png"圖片。如果圖片加載失敗,鼠標(biāo)指針會自動回到默認(rèn)形狀。
總的來說,cursor屬性是CSS中一個(gè)非常實(shí)用的屬性,它可以幫助我們?yōu)橛脩籼峁└玫慕换ンw驗(yàn)。