相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a
元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!
教學
以下的表格顯示了每一種樣式相應的CSS代碼,而只需將鼠標移動到對應的框格內就可以預覽效果啦!(各種系統、瀏覽器下的效果可能有所區別!)
cursor: ; |
相信大家都知道我們的鼠標在網頁中不同的元素中有不同的顯示(例如 a
元素就顯示爲「箭頭指針」),但是其實我們還可以自定義這些有趣的東西哦!今天「暢想資源」就來教大家如何使用CSS爲內容設定特定的鼠標樣式(cursor),讓你的網頁更加的生動、活潑!
以下的表格顯示了每一種樣式相應的CSS代碼,而只需將鼠標移動到對應的框格內就可以預覽效果啦!(各種系統、瀏覽器下的效果可能有所區別!)
cursor: ; |
© 版权声明:本文章采用“姓名标示-非商业性-相同方式分享 4.0 国际(CC BY-NC-SA 4.0)”于“畅想资源”发布,转载时须以相同方式发布并注明“原文链接”!
如果您对本文有任何疑问或建议,欢迎发送邮件至yifei@hesyifei.com(或通过其它途径)联系我们,谢谢!