设为首页收藏本站心情墙手机版 今天是: 2024-07-25    美好的一天,从现在开始
天气与日历 切换到宽版

 找回密码
 立即注册
搜索
查看: 502|回复: 0

[css] html网页修改鼠标图标css代码_cursor

[复制链接]
  • 打卡等级:LV7

459

主题

31

回帖

24万

积分

管理员

积分
247437

突出贡献荣誉管理论坛元老本科学士学位劳力士欧米茄奔驰宝马

QQ

皮卡丘 Lv:40
发表于 2023-1-4 15:18:51 | 显示全部楼层 |阅读模式 IP:北京朝阳


自定义鼠标图标:
  1. cursor: url(),auto;
复制代码


前面的url是自定义鼠标图标路径,第2个参数auto是css标准的cursor样式,可换成其它属性(如pointer/default等)

其他:
  1. <span style="cursor:hand;">hand 手型</span>
  2. <span style="cursor:crosshair;">crosshair 十字</span>
  3. <span style="cursor:text;">text 文本</span>
  4. <span style="cursor:wait;">wait 等待</span>
  5. <span style="cursor:help;">help 问号</span>
  6. <span style="cursor:e-resize;">e-resize 右的箭头</span>
  7. <span style="cursor:ne-resize;">ne-resize 右上的箭头</span>
  8. <span style="cursor:n-resize;">n-resize 上的箭头</span>
  9. <span style="cursor:nw-resize;">nw-resize 左上的箭头</span>
  10. <span style="cursor:w-resize;">w-resize 左的箭头</span>
  11. <span style="cursor:sw-resize;">sw-resize 左下的箭头</span>
  12. <span style="cursor:s-resize;">s-resize 下的箭头</span>
  13. <span style="cursor:se-resize;">se-resize 右下的箭头</span>
  14. <span style="cursor:move;">move 移动</span>
复制代码


急躁,是因为经历不够,轻浮,是因为磨练不够,烦乱,是因为思路不清,压力,是因为格局不够,恐惧,是因为假想太多,在这个薄凉的世界,自己不强大,一切都是浮云 ...
懒得打字嘛,点击右侧快捷回复 【乱回复纯数字纯字母将禁言】
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|小黑屋|社区规范|绵羊优创 ( 京ICP备19037745号-2 )|网站地图

公安备案京公网安备11011502037529号

GMT+8, 2024-7-25 21:13 , Processed in 1.411121 second(s), 19 queries , MemCache On.

Powered by Discuz! X3.5

© 2001-2024 Discuz! Team.

快速回复 返回顶部 返回列表