CSS鼠标悬浮变小手

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

这篇文章距离上次修改已过189天，其中的内容可能已经有所变动。

CSS中实现鼠标悬浮时变成小手指的效果，可以通过cursor属性来实现。以下是实现这个效果的CSS代码示例：




.hand-cursor {
  cursor: pointer; /* 当鼠标悬浮在该元素上时，显示小手指 */
}

然后在HTML中，将这个类应用到你想要的元素上：




<div class="hand-cursor">鼠标悬浮我试试</div>

将上述CSS类应用到任何想要在鼠标悬浮时变成小手指的元素上，当鼠标悬浮在该元素上时，鼠标指针会变成小手指形状。