css鼠标触碰，变成小手图标

作者：System 时间：2024年08月23日分类：所有,css 字数：286

要在鼠标移动到元素上时，元素的光标变成小手图标，可以使用CSS的cursor属性。以下是实现这个效果的CSS代码示例：




.hand-cursor {
  cursor: pointer; /* 将光标变成小手形状 */
}

然后，你需要将这个类应用到你想要变更光标图标的HTML元素上。例如：




<button class="hand-cursor">点击我</button>

当鼠标移动到这个按钮上时，光标会变成小手形状，给用户一个视觉提示，表明这个元素是可以点击的。