CSS中的:hover偽類可以讓我們?yōu)樵靥砑禹憫髽藨彝5臉邮健5牵绻覀兿胍獮槭髽耸种感螤钐砑訕邮剑覀兛梢允褂胏ursor屬性。
cursor屬性可以設置鼠標指針的形狀,常見的形狀有:
cursor:auto/initial:瀏覽器自動選擇適當?shù)男螤? cursor:pointer:手形 cursor:text:文本輸入形狀 cursor:default:默認形狀(通常是箭頭) cursor:move:移動形狀 cursor:help:幫助形狀 cursor:crosshair:十字形狀 cursor:not-allowed:禁止操作形狀 cursor:progress:進度條形狀
我們可以將鼠標手指樣式添加到元素的:hover偽類中:
.example { cursor:pointer; } .example:hover { cursor:help; }
這將使元素默認顯示手形狀,當鼠標懸停在元素上時,鼠標形狀變?yōu)閹椭螤睢?/p>
需要注意的是,不是所有的形狀都在所有瀏覽器中支持。例如,IE瀏覽器不支持cursor:move形狀。
總之,通過使用cursor屬性,我們可以輕松地為元素添加鼠標手指形狀的樣式。