淘先锋技术网

首页 1 2 3 4 5 6 7

CSS中的cursor属性用于指定鼠标在特定元素上时所显示的光标形状。

/* 语法格式 */
selector {
cursor: value;
}

其中,selector为css选择器,而value则可以有以下数个可选值:

  • auto:默认值,由浏览器自动决定光标形状。
  • default:默认光标形状(通常为箭头)。
  • pointer:手型光标,表明链接可被点击。
  • text:文本编辑光标,表明文本可以输入/编辑。
  • move:移动光标,表明元素可以被拖动。
  • wait:等待光标,表明加载或处理时间较长。
  • help:帮助光标,表明可查询相关信息。
  • crosshair:十字线光标,表明元素可被输入。
/* 样例代码 */
a {
cursor: pointer;
}

上述样例代码设置了所有链接元素的鼠标光标形状为手型,使其更加易于使用。使用cursor属性可以有效地增加用户体验和交互性。