CSS鼠标样式指南
在网页设计中，鼠标样式是一个小细节，但可以显著提升用户体验。通过CSS，我们可以轻松自定义鼠标指针的样式。本文将介绍几种常见的CSS鼠标样式及其用法。
默认鼠标样式
默认情况下，浏览器会根据上下文显示适当的鼠标样式。例如，当鼠标悬停在链接上时，通常会显示一个手指指针。如果你想重置鼠标样式，可以使用：
* {
cursor: default;
}
## 常用的鼠标样式 手指指针（Pointer）
```css
/* 使用指针样式 */
cursor: pointer;
禁用样式（Not-allowed）
当某个操作不可用时，显示禁用样式：
.disabled {
cursor: not-allowed;
}
等待样式（Wait）
.loading {
cursor: wait;
}
文本选择样式（Text）
p {
cursor: text;
}
自定义图标
/* 使用自定义图标，并设置回退样式 */
cursor: url('custom-cursor.png'), auto;
可选值
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e-resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w-resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto是由系统自动给出效果
