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

相关推荐
支支დ4 小时前
VO by Vercel 前端特定优势:为什么它是构建 AI 应用的新范式
前端·人工智能
香芋芋圆4 小时前
AI 冲击内卷之下,普通前端如何破局?WebGIS—— 低门槛突围赛道
前端·javascript·人工智能·学习·职场发展
INS_KF5 小时前
【编程笔记】成员函数中两个 const 的区别(const Data &getData() const;)
前端·javascript·笔记
宿6745 小时前
vue3-async
前端·javascript·vue.js
YXWik66 小时前
记录前端请求接口在浏览器请求响应的Preview和Response展示的一样的问题
前端
2501_928996226 小时前
GPT-4o换DeepSeek迁移成本多少?中科热备解析API聚合平台技术账本
前端·数据库·人工智能
东风破_6 小时前
从跨域到 WebSocket:前端跨域方案、SSE 与双向实时通信详解
前端·后端
原则猫6 小时前
TS 类型工具
前端
excel7 小时前
Nuxt + Twin CSS 中宽度超过屏幕时底部出现空白的原因与解决方案
前端·javascript
天竺鼠不该去劝架7 小时前
企业银企直联落地难点分析:基于RPA的财务自动化替代方案实践
经验分享