cursor 属性规定要显示的光标的类型(形状)。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状
值
描述
url
需使用的自定义光标的 URL。
注释:请在此列表的末端始终定义一种普通的光标,以防没有由 URL 定义的可用光标。
default 默认光标(通常是一个箭头)
auto 默认。浏览器设置的光标。
crosshair 光标呈现为十字线。
pointer 光标呈现为指示链接的指针(一只手)
move 此光标指示某对象可被移动。
e-resize 此光标指示矩形框的边缘可被向右(东)移动。
ne-resize 此光标指示矩形框的边缘可被向上及向右移动(北/东)。
nw-resize 此光标指示矩形框的边缘可被向上及向左移动(北/西)。
n-resize 此光标指示矩形框的边缘可被向上(北)移动。
se-resize 此光标指示矩形框的边缘可被向下及向右移动(南/东)。
sw-resize 此光标指示矩形框的边缘可被向下及向左移动(南/西)。
s-resize 此光标指示矩形框的边缘可被向下移动(南)。
w-resize 此光标指示矩形框的边缘可被向左移动(西)。
text 此光标指示文本。
wait 此光标指示程序正忙(通常是一只表或沙漏)。
help 此光标指示可用的帮助(通常是一个问号或一个气球)。
光标属性。cursor属性是css中的光标属性。它指定当鼠标位于应用元素上时可以使用的鼠标光标类型,即:规定要显示的光标的类型(形状)。
我们可以通过cursor属性将光标设置为许多预定义光标类型之一,或设置为图像。
注:cursor属性仅对具有指针设备(如鼠标)的设备有效。它对触控设备没有任何影响。
cursor属性用于向用户提供视觉反馈和提示,以便在元素上传送某种功能,对于提供更好的用户体验通常是重要的。
cursor基本语法:
cursor属性:指鼠标指针放在一个元素边界范围内时所呈现的光标形状,它包括问号,小手等形状。
使用时可以在任何你想要添加的标签里,插入style="cursor :某属性值",也可以在CSS样式中添加。
比如:
pointer,小手形状。
help,帮助形状 。
cursor的属性值有十几种可选值,在工作中根据需要选择合适的值即可。
我们常用cursor的小手属性,今天看了一篇技术文档,既惊且喜,发现了W3C上没有的属性。 首先罗列一下w3c上的cursor属性新发现的大陆 cursor:no-drop //是一个红色的圈加一个斜杠,表示禁止的意思 cursor:not-allowed //是一个红色的圈加一个斜杠,表示禁止的意思