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左右最佳

相关推荐
0x0002 分钟前
Uniapp - 自定义 Tabbar 实现
前端·uni-app
用户458203153174 分钟前
Flexbox布局上手:10分钟告别垂直居中难题
前端·css
牛蛙点点申请出战5 分钟前
仿微信语音 WaveView 实现
android·前端·ios
yiyesushu6 分钟前
react + next.js + ethers v6 项目实例
前端
明远湖之鱼7 分钟前
巧用 Puppeteer + Cheerio:批量生成高质量 Emoji 图片
前端·爬虫·node.js
落笔忆梦9 分钟前
利用浏览器空闲时间优化资源加载与渲染
前端·javascript
艾小码10 分钟前
还在用Vue 2硬撑?升级Vue 3的避坑指南来了!
前端·javascript·vue.js
是晓晓吖10 分钟前
page.waitForResponse 执行环境:页面还是 Node.js?
前端·puppeteer
三十_11 分钟前
【Docker】学习 Docker 的过程中,我是这样把镜像越做越小的
前端·后端·docker
Mintopia12 分钟前
🌐 交互式 AIGC:Web 端实时反馈生成的技术架构设计
前端·javascript·aigc