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

相关推荐
闲猫9 小时前
Agent工程实践:从WorkFlow到多Agent协作的落地笔记
java·服务器·前端
带娃的IT创业者9 小时前
重新定义前端构建速度:深度解析 SWC 如何用 Rust 颠覆 JavaScript 工具链
前端·javascript·rust·前端构建·swc
happy_0x3f10 小时前
前端应用的离线暂停更新策略
开发语言·前端·php
你驴我10 小时前
WhatsApp 消息撤回与编辑的幂等性设计实践
java·服务器·前端·后端·python
新中地GIS开发老师11 小时前
零基础WebGIS开发入门 | GeoJSON数据持久化
前端·javascript·gis·webgis·三维gis开发
blns_yxl11 小时前
正则驱动实时表单验证(HTML+CSS+JS+正则)
javascript·css·html
sunywz11 小时前
【c#】 Web Deploy一键发布,IIS部署全流程
开发语言·前端·c#
宁&沉沦11 小时前
Chrome 扩展 Manifest 字段版本支持一览(全量)
前端·后端·编辑器
乖孩子12 小时前
Service Worker + IndexedDB 实践
前端
浮生望12 小时前
BFF架构实战:用Express+SSE为Vue3搭建安全的流式对话中间层
前端