CSS 改变鼠标样式(大全)

在CSS中，可以使用cursor属性来改变鼠标的样式。以下是一些常用的鼠标样式以及它们的CSS代码示例：

1. 默认鼠标样式：

.element {
  cursor: default;
}

2. 指针（通常用于链接）：

.element {
  cursor: pointer;
}

3. 等待（通常表示正在进行中的操作）：

.element {
  cursor: wait;
}

4. 帮助（通常显示帮助信息）：

.element {
  cursor: help;
}

5. 文本（通常用于文本选择）：

.element {
  cursor: text;
}

6. 十字光标：

.element {
  cursor: crosshair;
}

7. 不可点击（通常显示不可点击状态）：

.element {
  cursor: not-allowed;
}

8. 移动（通常用于拖拽操作）：

.element {
  cursor: move;
}

9. 向上改变大小（通常用于上下改变大小）：

.element {
  cursor: n-resize;
}

10. 向下改变大小（通常用于上下改变大小）：

.element {
  cursor: s-resize;
}

11. 向左改变大小（通常用于左右改变大小）：

.element {
  cursor: w-resize;
}

12. 向右改变大小（通常用于左右改变大小）：

.element {
  cursor: e-resize;
}

13. 四向改变大小（通常用于上下左右改变大小）：

.element {
  cursor: ne-resize;
}

14. 自定义图像（使用自定义图像作为鼠标样式）：

.element {
  cursor: url('path/to/cursor/image.cur'), auto;
}

在上述代码中，.element是你想要改变鼠标样式的元素的类名或其他选择器。你可以将cursor属性应用于任何想要改变鼠标样式的元素。如果你想要为所有元素设置鼠标样式，可以使用通用选择器*。记得替换path/to/cursor/image.cur为你的自定义图像文件的实际路径。