CSS中设置鼠标样式

2023-12-20

在CSS中,可以通过cursor属性来设置鼠标样式。可以使用cursor属性的各种预定义的值来设置不同的鼠标样式,例如:

  1. auto: 默认值,由浏览器根据当前上下文自动选择鼠标样式。
  2. pointer: 鼠标指针会变成一个手形,表示链接可以被点击。
  3. text: 鼠标指针会变成一个文本插入符号,表示可以输入文本。
  4. move: 鼠标指针会变成一个带有四个箭头的十字形状,表示可以移动元素。
  5. not-allowed: 鼠标指针会变成一个圆圈加斜杠的形状,表示不允许进行某个操作。
  6. crosshair: 鼠标指针会变成一个十字形状,表示可以进行选择操作。
  7. wait: 鼠标指针会变成一个旋转的圆圈,表示正在等待某个操作完成。

可以使用这些值中的任何一个来设置鼠标样式,例如:

.element {
  cursor: pointer;
}

这将使.element元素的鼠标指针变成一个手形。

《CSS中设置鼠标样式.doc》

下载本文的Word格式文档,以方便收藏与打印。