设为首页收藏本站手机版导航 今天是: 2025-01-22    "小年"  小年期间主要的民俗活动有贴春联,扫尘,祭灶等。
天气与日历 切换到宽版

 找回密码
 立即注册
搜索
热搜: 吉他 seo 大全
查看: 819|回复: 0

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

[复制链接]
  • 打卡总天数:116

469

主题

31

回帖

24万

积分

管理员

积分
247754

荣誉管理论坛元老本科学士学位百达翡丽奔驰

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, 2025-1-22 16:53 , Processed in 1.428534 second(s), 18 queries , MemCache On.

Powered by Discuz! X3.5

© 2001-2025 Discuz! Team.

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