本文详细介绍了CSS中的cursor属性，包括其可选值如hand、crosshair、wait等，以及它们各自代表的意义。cursor属性用于定义鼠标光标在元素上显示的样式，可以帮助提升用户体验。例如，hand表示链接可点击，wait表示操作正在等待，pointer则常用于鼠标悬停在链接上。此外，还提到了一些特殊值，如url()用于自定义光标图标，以及浏览器兼容性问题。
用cursor属性可以实现，可选值及说明如表2.1.6.2所示。
表2.1.6.2 cursor属性的可选值
可选值说明
hand手型
crosshair十字型
text鼠标移动到水平文本上的样式
wait等待
default系统默认样式
help带问号的样式
e-resize向右的箭头
ne-resize向右上方的箭头
n-resize向上的箭头
nw-resize向左上方的箭头
w-resize向左的箭关
sw-resize向左下的箭头
s-resize向下的箭头
se-resize向右下方的箭头
auto系统自动应用的样式
move十字箭头，移动对象时的样式
pointer鼠标移上链接时的样式，同hand(需IE6+支持)
all-scroll中间一小圆点，上、下、左、右四个方向是箭头的样式，表示页面可以向任意方向滚动(需IE6+支持)
col-resize左右两个箭头，中间以两条垂线分开，表示项目/栏的大小可以在水平方向上改变(需IE6+支持)
no-drop左边为手型，右边为斜线穿过的小圆圈， 表示可拖动项目在当前鼠标位置不能放开.
not-allowed斜线穿过的小圆圈，表示所请求的动作不能被执行(需IE6+支持)
progress指针旁有沙漏标志，表示后台有程序在运行，用户与此页面的交互不受影响(需IE6+支持)
row-resize上下两个箭头，中间以两条水平线分开，表示项目/栏的大小可以在垂直方向上改变(需IE6+支持)
url(uri)指针由作者定义，使用自定义通用资源识别码，例如url(’mycursor.cur’)。.cir,.ani类型的指针是唯一被支持的指针类型。(需IE6+支持)
vertical-text可编辑的垂直文本样式,以一个水平翻转的I来表示(需IE6+支持)
取消
评论
扫一扫
5977
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
