cursor的用法css
一、什么是cursor
cursor是CSS中的一个属性，它控制鼠标指针在元素上的样式。通过改变鼠标指针的样式，可以增强用户体验，提高网站的交互性。
二、cursor属性值
1. auto
默认值。浏览器自动选择合适的光标。
2. default
默认光标。通常是一个箭头。
3. none
没有光标。通常用于隐藏鼠标指针。
4. context-menu
上下文菜单光标。通常是一个小箭头和一个小菜单。
5. help
帮助光标。通常是一个问号和一个箭头。
6. pointer
链接光标。通常是一个手形图标。
7. progress
进度条光标。通常是一个旋转圆圈或一条水平线。
8. wait
等待光标。通常是一个旋转圆圈或一条水平线和一个时钟。
9. cell
表格单元格光标。通常是一个十字架。
10. crosshair
十字准心光标。通常用于绘图应用程序中。
11. text
文本输入光标。通常是一条竖线或一条反横线。
12. vertical-text
垂直文本输入光标。通常是一条竖线或一条反横线，但方向相反。
13. alias
链接别名光标。通常是一个手形图标和一个小箭头。
14. copy
复制光标。通常是两个重叠的文件夹图标。
15. move
移动光标。通常是四个箭头组成的十字架。
16. no-drop
不可拖动光标。通常是一个圆圈和一条斜线。
17. not-allowed
禁止光标。通常是一个圆圈和一条斜线，但方向相反。
18. grab
抓取光标。通常是一个手形图标和四个箭头组成的十字架。
19. grabbing
css鼠标点击样式抓取中光标。通常是一个手形图标和四个箭头组成的十字架，但有动画效果。
三、如何使用cursor属性
1. 在单个元素上使用cursor属性：
```css
div {
  cursor: pointer;
}
```
2. 在多个元素上使用cursor属性：
```css
div, a {
  cursor: pointer;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。