cursor 是 CSS 中用于定义鼠标指针在元素上的样式的属性。通过 cursor 属性,你可以指定鼠标指针的形状,以提供用户在与页面交互时的视觉反馈。

基本语法如下:
.selector {
  cursor: value;
}

其中 value 可以是以下之一:

  •  auto: 浏览器自动选择合适的光标。

  •  default: 默认光标,通常是一个箭头。

  •  pointer: 手型光标,表示链接。

  •  move: 移动光标,表示可以移动元素。

  •  text: 文本光标,表示可以选择文本。

  •  not-allowed: 禁止光标,表示不允许交互。


还有其他一些可用的值,包括 crosshair、wait、help 等,以及自定义光标样式的 URL。

以下是一个例子,将鼠标指针样式设置为手型:
.button {
  cursor: pointer;
}

在这个例子中,类名为 .button 的元素将显示手型光标,以提示用户这是一个可点击的按钮。你可以根据具体的交互和设计需求选择不同的 cursor 值。


转载请注明出处:http://www.zyzy.cn/article/detail/4175/CSS