CSS中有一項非常有趣的屬性,它可以讓我們在鼠標放置在某個元素上時改變鼠標的樣式,這就是所謂的鼠標手。在CSS中,使用cursor
屬性來控制鼠標的樣式,它有很多種取值。
/*將鼠標變為手型*/ .element { cursor: pointer; } /*將鼠標變為箭頭*/ .element { cursor: default; } /*將鼠標變為文本輸入符號*/ .element { cursor: text; }
除了上面的三種取值外,cursor
屬性還可以設置為其他的幾十種值,例如crosshair
、help
、wait
等等。為了讓鼠標放置在元素上時更加明顯,有時候可以設置鼠標的樣式為圖片,如下所示:
.element { cursor: url('hand.png'), pointer; }
上述代碼中,hand.png
是一張圖片,它會被用來代替默認的鼠標手。
總的來說,cursor
屬性可以讓我們在網頁中實現很多有趣的效果。如果你想要讓網頁更加生動,不妨試試這個屬性。
下一篇css 鏈接虛線