CSS自定义鼠标样式

在CSS中，可以通过cursor属性来自定义鼠标样式。以下是一些常用的cursor值及其示例：

1. default - 默认鼠标样式。
2. none - 无鼠标指针。
3. pointer - 通常表示链接的手形指针。
4. crosshair - 十字线形指针。
5. text - 文本选择形状的指针。
6. wait - 等待光标，通常是一个沙漏或圆形加载符号。
7. move - 移动形状的指针。
8. not-allowed - 操作不允许时的指针，通常是一个禁止标志。
9. url('custom-cursor.png') [, pointer] - 使用自定义图像作为光标，第二个参数为备用光标（通常是pointer）。

示例代码：

/* 设置元素的鼠标样式为手形指针 */
.element-hand:hover {
  cursor: pointer;
}
 
/* 设置元素的鼠标样式为十字线形指针 */
.element-crosshair:hover {
  cursor: crosshair;
}
 
/* 设置元素的鼠标样式为自定义图像 */
.element-custom:hover {
  cursor: url('custom-cursor.png'), pointer;
}

在HTML中使用：

<div class="element-hand">Hand Cursor</div>
<div class="element-crosshair">Crosshair Cursor</div>
<div class="element-custom">Custom Cursor</div>

用户将鼠标悬停在相应的元素上时，将会看到对应的自定义光标样式。