CSS 鼠标指针样式

CSS 可以通过属性 cursor 来改变鼠标指针的样式。这个属性可以让我们为特定的元素指定不同的鼠标指针样式。

以下是常见的鼠标指针样式及其对应的 CSS 值：

1. 默认样式（通常是一个箭头）：cursor: auto;
2. 文本样式（用于表示可编辑文本）：cursor: text;
3. 十字样式（用于表示可拖动某些元素）：cursor: crosshair;
4. 手指样式（表示链接或可点击的元素）：cursor: pointer;
5. 移动样式（用于表示可移动的元素）：cursor: move;
6. 禁用样式（表示禁止点击的元素）：cursor: not-allowed;
7. 等待样式（表示正在加载或处理中的元素）：cursor: wait;
8. 缩放样式（表示可缩放的元素）：cursor: zoom-in; 或 cursor: zoom-out;

其他还有一些更多的鼠标指针样式可以使用，你可以在 MDN CSS cursor 上找到更多的样式。

如何使用 CSS 改变鼠标指针样式？

要改变鼠标指针样式，只需要为相应的元素添加 cursor 属性，并设置对应的值即可。

<style>
  .custom-cursor {
    cursor: pointer;
  }
</style>

<div class="custom-cursor">
  鼠标放在这里将变为手指样式
</div>

以上示例将 div 元素的鼠标指针样式设置为手指样式。

你还可以将 cursor 属性应用于其他元素，如链接、按钮等等，以改变它们的鼠标指针样式。

希望这个简单的介绍对你有所帮助！