CSS中的cursor属性用于指定鼠标在特定元素上时所显示的光标形状。
/* 语法格式 */ selector { cursor: value; }
其中,selector为css选择器,而value则可以有以下数个可选值:
- auto:默认值,由浏览器自动决定光标形状。
- default:默认光标形状(通常为箭头)。
- pointer:手型光标,表明链接可被点击。
- text:文本编辑光标,表明文本可以输入/编辑。
- move:移动光标,表明元素可以被拖动。
- wait:等待光标,表明加载或处理时间较长。
- help:帮助光标,表明可查询相关信息。
- crosshair:十字线光标,表明元素可被输入。
/* 样例代码 */ a { cursor: pointer; }
上述样例代码设置了所有链接元素的鼠标光标形状为手型,使其更加易于使用。使用cursor属性可以有效地增加用户体验和交互性。