相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a
元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!
教學
以下的表格顯示了每一種樣式相應的CSS代碼,而只需將鼠標移動到對應的框格內就可以預覽效果啦!(各種系統、瀏覽器下的效果可能有所區別!)
cursor: ; |
相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a
元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!
以下的表格顯示了每一種樣式相應的CSS代碼,而只需將鼠標移動到對應的框格內就可以預覽效果啦!(各種系統、瀏覽器下的效果可能有所區別!)
cursor: ; |
© 版權聲明:本文章採用“姓名標示-非商業性-相同方式分享 4.0 國際(CC BY-NC-SA 4.0)”於“暢想資源”發布,轉載時須以相同方式發布並註明“原文鏈接”!
如果您對本文有任何疑問或建議,歡迎發送郵件至yifei@hesyifei.com(或通過其它途徑)聯繫我們,謝謝!