鼠标指针样式
在CSS中，cursor属性用于鼠标指针在元素上的显示样式，通过改变光标形态可以向用户传递提示，（如：“可点击”“不可选中”），从而提升界面交互体验。
| 值 | 描述 |
|---|---|
| auto | 默认值，浏览器根据当前的上下文自动设置鼠标指针的样式。 |
| default | 默认箭头（通常是系统默认的箭头光标）。 |
| pointer | 手型（指尖朝下的小手），常用于可点击元素（如链接 <a>、按钮 <button>）。 |
| crosshair | 显示为一个十字准线，常用于绘图应用程序。 |
| text | I 型竖线（类似文本输入光标），用于可编辑文本区域（如 <textarea>、contenteditable元素）。 |
| wait | 等待（旋转圆圈或沙漏），表示操作进行中（如加载、提交时）。 |
| help | 帮助（带问号的箭头），提示用户需要帮助（如提示信息区域）。 |
| not-allowed | 禁止（圆圈带斜线），表示操作不可用（如禁用的按钮）。 |
| move | 显示为一个四向箭头，表示元素可以被移动。 |
| grab | 抓取（手型带抓取动作），表示可拖动（如可拖拽的元素）。 |
| grabbing | 抓取中（手型收紧），表示正在拖动（配合 grab 使用）。 |
| zoom-in | 放大（+号），表示放大操作（如图片预览时）。 |
| zoom-out | 缩小（-号），表示缩小操作（如图片预览时）。 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>鼠标样式</title>
</head>
<body>
<ul>
<li style="cursor: auto;">auto：默认值，浏览器根据当前的上下文自动设置鼠标指针的样式。</li>
<li style="cursor: default;">default：默认的箭头指针。</li>
<li style="cursor:pointer;">pointer：通常用于链接，显示为一个手指指向的图标。</li>
<li style="cursor: crosshair;">crosshair：显示为一个十字准线，常用于绘图应用程序。</li>
<li style="cursor: text;">text：显示为一个文本输入光标，通常用于输入字段。</li>
<li style="cursor: wait;">wait：显示为一个等待状态的指针，通常是一个旋转的圆圈或沙漏。</li>
<li style="cursor: help;">help：显示为一个带有问号的指针，表示提供帮助信息。</li>
<li style="cursor: not-allowed;">not-allowed：显示为一个禁止符号，表示不允许进行某个操作。</li>
<li style="cursor: move;">move：显示为一个四向箭头，表示元素可以被移动。</li>
<li style="cursor: grab;">grab：显示为一个手掌，表示元素可以被抓取和拖动。</li>
<li style="cursor: grabbing;">grabbing：显示为一个握紧的手掌，表示元素正在被抓取和拖动。</li>
<li style="cursor: zoom-out;">zoom-out：显示为一个缩小镜，表示元素可以被缩小。</li>
<li style="cursor: zoom-in;">zoom-in：显示为放大镜，表示元素可以被放大。</li>
</ul>
</body>
</html>
