📅  最后修改于: 2023-12-03 15:25:41.450000             🧑  作者: Mango
在 HTML 中,我们可以使用 CSS 的 cursor
属性来更改鼠标指针的形态。当用户将鼠标悬停在 HTML 元素上时,我们可以将鼠标指针更改为光标图标,以表示该元素可被点击。
/* 将鼠标指针更改为光标图标 */
cursor: pointer;
<!DOCTYPE html>
<html>
<head>
<title>在悬停时将鼠标指针更改为光标图标</title>
<style>
/* 当鼠标悬停在 a 元素上时,将鼠标指针更改为光标图标 */
a:hover {
cursor: pointer;
}
</style>
</head>
<body>
<h1>在悬停时将鼠标指针更改为光标图标</h1>
<p>将鼠标悬停在下面的链接上以查看效果:</p>
<a href="#">点击这里</a>
</body>
</html>
在上面的示例中,我们使用了 CSS 的 :hover
伪类选择器,当用户悬停在 a
元素上时将鼠标指针更改为光标图标。你可以使用相同的方式将 cursor
属性应用到任何其他 HTML 元素上。