css中cursor有多少值

CSS 的 cursor 属性可以有多个值，用于定义鼠标指针放置在元素上时的外观。以下是一些常用的 cursor 值：

• default：默认光标（通常是一个箭头）
• none：没有指针，通常用于隐藏光标
• context-menu：右键菜单光标
• pointer：指针（通常用于链接）
• wait：等待光标，通常是一个沙漏或圆形加载符号
• help：帮助光标，通常是一个问号符号
• crosshair：十字箭头光标
• progress：已被废弃，效果与 wait 相同
• vertical-text：垂直文字光标，通常用于可编辑的文本
• n-resize：向北的箭头光标
• e-resize：向东的箭头光标
• s-resize：向南的箭头光标
• w-resize：向西的箭头光标
• ne-resize：向北东的对角箭头光标
• nw-resize：向北西的对角箭头光标
• se-resize：向南东的对角箭头光标
• sw-resize：向南西的对角箭头光标
• auto：自动光标，浏览器设置的默认指针样式
• inherit：继承父元素的光标样式

实例代码：

/* 将光标设置为指针 */
.link {
  cursor: pointer;
}
 
/* 将光标设置为等待 */
.loading {
  cursor: wait;
}
 
/* 将光标设置为不可见 */
.hidden-cursor {
  cursor: none;
}

HTML 使用：

<a href="#" class="link">链接</a>
<div class="loading">加载中...</div>
<div class="hidden-cursor">无法点击</div>