html中如何设置鼠标样式

在 HTML 中设置鼠标样式非常简单，可以通过 CSS 的“cursor”属性来实现。该属性可以控制鼠标指针在元素上的样式。以下是一些常用的鼠标样式：

.cursor-1 {
  cursor: pointer;
}

.cursor-2 {
  cursor: move;
}

.cursor-3 {
  cursor: crosshair;
}

.cursor-4 {
  cursor: text;
}

.cursor-5 {
  cursor: wait;
}

.cursor-6 {
  cursor: help;
}

.cursor-7 {
  cursor: not-allowed;
}

上面的 CSS 代码将分别设置不同的鼠标样式，如通过将“cursor”属性设置为“pointer”，当鼠标移动到某个元素上时，鼠标指针将变成手形，表明该元素可以被点击。

如果要在整个网页中设置默认的鼠标样式，可以将“cursor”属性添加到“body”元素的样式表中：

body {
  cursor: default;
}

以上面的代码为例，将默认的鼠标样式设置为系统默认。

鼠标样式不止以上这些，还有其他的样式可供选择。借助 CSS 的“cursor”属性，能够增强网页的交互性，使得用户在浏览页面时感受更好，提高用户体验。