2021-10-30 cursor不同场景下的应用

最新推荐文章于 2024-03-21 00:33:28 发布

MDISLXT

最新推荐文章于 2024-03-21 00:33:28 发布

阅读量180

点赞数

文章标签： css

本文链接：https://blog.csdn.net/weixin_43552533/article/details/121053748

版权

本文详细探讨了CSS中的cursor属性如何在各种交互场景下发挥作用，包括但不限于链接、拖放操作、缩放和自定义光标效果等方面，帮助开发者提升用户体验。

摘要由CSDN通过智能技术生成

描述：cursor定义了鼠标指针放在一个元素边界范围内时所用的光标形状

值	描述	应用场景
url	需使用的自定义光标的 URL，即可以是相对路径也可以是绝对路径。注释：请在此列表的末端始终定义一种普通的光标，以防没有由 URL 定义的可用光标。例：cursor:url("./img/pointer.jpg"),auto;	自定义光标
auto	默认。浏览器根据当前内容决定指针样式。例如当内容是文字时使用text样式
null	无指针被渲染
default	默认光标（通常是一个箭头）	默认
pointer	光标呈现为指示链接的指针（一只手）	链接及状态
progress	程序后台繁忙，用户仍可交互 (与wait相反)