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

绵羊优创

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

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

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

442

主题

30

回帖

24万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
246915

突出贡献荣誉管理论坛元老本科学士学位拥有劳力士宇宙计型迪通拿系列m116515ln-0059拥有欧米茄星座系列131.23.41.21.03.001拥有梅赛德斯-奔驰EQS 580 4MATIC拥有宝马M8四门轿跑车 雷霆版

QQ
sheep 发表于 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-2-26 02:44 , Processed in 0.315318 second(s), 12 queries , Redis On.

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.

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