淘先锋技术网

首页 1 2 3 4 5 6 7

在CSS中,我们可以使用“cursor”属性值来更改鼠标指针的样式。这些样式包括标准箭头、手形指针、等待光标、十字线、禁止符号和文本插入符。

body {
cursor: pointer;
}

以上代码将把鼠标光标变成手形指针。除了“pointer”值,还有其他值可以使用:

  • auto:默认状态,浏览器自动选择适当的光标
  • crosshair:十字线光标
  • default:浏览器默认光标
  • help:帮助标志光标
  • move:可移动光标
  • text:文本插入符光标
  • wait:等待光标,表示正在加载内容
  • url("cursor.png"), auto:自定义光标,指向图像文件的URL地址
button {
cursor: not-allowed;
}

以上代码将把鼠标光标变成禁止符号,用于表明该按钮当前不可用。

“cursor”属性值在很多情况下都可以提高用户体验,例如对于链接、可拖动元素和按钮等。