在網頁設計中,鼠標放置在文本、圖片或其他一些元素上時,為了讓用戶感知到該元素可用,一般都會將鼠標的形狀從箭頭變成手形。這種效果可以使用CSS來實現。
cursor: pointer;
在CSS中,可以使用cursor屬性來設置鼠標的形狀。其中,pointer表示手形,即鼠標指向某個元素時會變成手形。
除了pointer,還有其他一些常用的取值:
- default - 默認鼠標形狀(通常是箭頭)
- text - 帶文本標記的I形光標
- crosshair - 十字線形光標
- move - 移動形光標
- wait - 等待形光標
通常情況下,鼠標放置在鏈接上時也會變成手形。這是因為鏈接本身就具有跳轉的功能,鼠標手形的效果能夠提醒用戶,可以點擊該鏈接進行跳轉。
如果你想為其他非鏈接元素配置手形效果,只需在對應的CSS樣式中添加cursor: pointer即可。
上一篇css鼠標懸浮于文字
下一篇css鏈接后圖片路徑