Css中cursor:pointer的作用(鼠标指针变小手)

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

cursor: pointer; 是CSS的一个属性，它的作用是将鼠标指针的形状更改为指向手形（一种表示链接可点击的标志）。这是一种常见的用户界面设计，可以提高用户体验。

解决方案：




<div style="cursor: pointer;">This is a div</div>




.pointer {
  cursor: pointer;
}

然后在HTML元素中使用这个类：




<div class="pointer">This is a div</div>




div, a, li {
  cursor: pointer;
}

这样，所有的div、a和li元素在被鼠标悬停时，鼠标指针都会变成手形。

注意：这个属性并不会触发JavaScript中的点击事件，它只是改变了鼠标指针的样式。