CSS-鼠标属性篇

属性名:cursor

功能:设置鼠标光标的样式

属性值:

  1. pointer:小手
  2. move:移动图标
  3. text:文字选择器
  4. crosshair:十字架
  5. wait:等待
  6. help:帮助
    eg.html{ cursor: wait;}(此处使用css改变全局鼠标样式)
    扩展:自定义 鼠标光标图标

eg.将小手图标改成图片
cursor: url("./arrow.png"),pointer;

温馨提醒:图片需要使用支持透明背景的图片格式 ,例如png
还有一件事!!!图像不要太大否则无法显示,50*50px左右最佳

相关推荐
1024小神3 分钟前
next项目使用状态管理zustand说明
前端
Asort3 分钟前
JavaScript设计模式(八):组合模式(Composite)——构建灵活可扩展的树形对象结构
前端·javascript·设计模式
刘永胜是我5 分钟前
【iTerm2 实用技巧】解决两大顽疾:历史记录看不全 & 鼠标滚轮失灵
前端·iterm
returnfalse7 分钟前
🔥 解密StreamParser:让数据流解析变得如此优雅!
前端
凉城a8 分钟前
经常看到的IPv4、IPv6到底是什么?
前端·后端·tcp/ip
jserTang14 分钟前
Cursor Plan Mode:AI 终于知道先想后做了
前端·后端·cursor
木觞清18 分钟前
喜马拉雅音频链接逆向实战
开发语言·前端·javascript
一枚前端小能手22 分钟前
「周更第6期」实用JS库推荐:InversifyJS
前端·javascript
Hilaku23 分钟前
"事件委托"这个老古董,在现代React/Vue里还有用武之地吗?
前端·javascript·vue.js
前端缘梦28 分钟前
Webpack 5 核心升级指南:从配置优化到性能提升的完整实践
前端·面试·webpack