常用的参数值
标题auto
描述：浏览器根据元素上下文自动选择合适的鼠标指针。
使用场景：在不需要特定鼠标指针样式的元素上使用。
示例代码：
<div style="cursor: auto;">点击这里，你会看到默认的鼠标指针样式。</div>
default
描述：默认鼠标指针样式（通常是箭头）。
使用场景：当你想覆盖其他CSS规则，确保鼠标指针显示为默认样式时。
示例代码：
<div style="cursor: default;">点击这里，你会看到默认的箭头鼠标指针。</div>
pointer与hand
描述：小手形状，通常用于可点击的元素。
使用场景：链接、按钮、自定义的可点击元素等。
示例代码：
<a href="#" style="cursor: pointer;">点击链接</a> <button style="cursor: pointer;">点击按钮</button> <div style="cursor: pointer; padding: 10px; background-color: #ddd;">点击这个div</div>
<a href="#" style="cursor: hand;">点击链接</a> <button style="cursor: hand;">点击按钮</button> <div style="cursor: hand; padding: 10px; background-color: #ddd;">点击这个div</div>
text
描述：文本选择/编辑的光标。
使用场景：可编辑的文本区域或自定义的文本编辑器。
示例代码（通常不需要显式设置，因为输入框默认就是这种样式）：
<input type="text" value="在输入框中移动鼠标" />
move
**描述：**移动指针，通常用于表示元素可以被拖动。
**使用场景：**拖动条、拖动窗口等。
示例代码（需要配合JavaScript或其他技术实现拖动功能）：
<div style="cursor: move; width: 100px; height: 100px; background-color: #ddd;">拖动我</div>
wait
描述：等待或加载的样式，通常是一个旋转的圆圈或沙漏形状。
使用场景：在长时间运行的操作或加载内容时显示。
示例代码（现代浏览器可能不支持默认的wait样式，但可以使用自定义图片）：
<div style="cursor: url('wait.png'), auto;">加载中...</div>
none
描述：不显示鼠标指针。
使用场景：在某些特定情况下，如全屏游戏或某些特定交互中隐藏鼠标指针。
示例代码：
<div style="cursor: none; width: 200px; height: 200px; background-color: #ddd;">鼠标指针在这里会消失</div>
url自定义图片
描述：使用自定义图片作为鼠标指针。
使用场景：需要特定鼠标指针样式的场景，如游戏、自定义界面等。
示例代码：
<div style="cursor: url('custom-cursor.png'), auto;">鼠标指针会变为自定义图片</div>
其他参数值
context-menu
描述：上下文菜单光标（通常是一个带有箭头的右键菜单图标）。
使用场景：当元素提供右键菜单功能时使用。
代码示例：
.context-menu-item { cursor: context-menu; } .
crosshair
描述：十字线光标（常用于精确定位）。
使用场景：在需要精确选择或定位的界面元素（如绘图工具）上使用。
代码示例：
.draw-area { cursor: crosshair; }
grab 与 grabbing
描述：分别表示拖动时开始光标和拖动时光标。
使用场景：在拖放功能的元素上使用，提供视觉反馈。
代码示例：
.draggable { cursor: grab; /* 当开始拖动时，可以通过JavaScript动态改变为grabbing */ }
.dragging { cursor: grabbing; }
resize 光标类型
描述：表示不同方向的调整大小光标。
使用场景：在可调整大小的元素（如窗口、表格列等）上使用。
代码示例（以 col-resize 为例）：
.resizable-column { cursor: col-resize; }
progress
描述：表示正在执行某个操作的光标（通常是一个旋转的圆圈）。
使用场景：在长时间加载或执行任务的元素上使用。
注意：这个值可能并不被所有浏览器支持。
wait (或 busy)
描述：表示程序正忙的光标（通常是一个沙漏或旋转的圆圈）。
使用场景：当页面或某个部分正在加载或处理大量数据时。
注意：这个值可能并不被所有浏览器支持。
请注意，某些光标类型（如 progress 和 wait）可能并不被所有浏览器支持，因此在使用时应考虑兼容性。另外，自定义光标时，请确保提供的图片文件是透明的，以便在各种背景色上都能清晰显示。
