html中如何设置鼠标

HTML 中设置鼠标的方法有很多种。可以通过 CSS 引入外部样式表，也可以在 HTML 标签中直接设置。以下是一些常见的方法。

/* 引入外部样式表 */


/* 在 HTML 标签中设置 */
鼠标变为手型

其中，cursor 属性可以设置鼠标的样式，常用的值有：

• auto：默认值。
• pointer：手型。
• text：文本样式。
• help：帮助样式。
• wait：等待样式。
• crosshair：十字样式。
• move：移动样式。

/* 通过CSS设置 */
.hand {
    cursor: pointer;
}
 
/* 在 HTML 标签中使用 */
鼠标变为手型

如上所示，在 CSS 样式表中定义一个名为 hand 的样式，将其 cursor 属性设置为 pointer 即可将鼠标样式设置为手型。在 HTML 标签中，将 class 属性值设置为 hand，即可应用该样式。

/* 在 JavaScript 中设置 */
document.body.style.cursor = "pointer";

通过 JavaScript 动态设置鼠标样式也是可行的。上面这段代码将 HTML 页面中的鼠标样式设置为指针。

无论哪种方式，设置鼠标样式都十分简单，只需选择合适的鼠标样式，按照上述方法设置即可。