cursor属性是什么?

html-css08

cursor属性是什么?,第1张

光标属性。cursor属性是css中的光标属性。它指定当鼠标位于应用元素上时可以使用的鼠标光标类型,即:规定要显示的光标的类型(形状)。

我们可以通过cursor属性将光标设置为许多预定义光标类型之一,或设置为图像。

注:cursor属性仅对具有指针设备(如鼠标)的设备有效。它对触控设备没有任何影响。

cursor属性用于向用户提供视觉反馈和提示,以便在元素上传送某种功能,对于提供更好的用户体验通常是重要的。

cursor基本语法:

cursor属性:指鼠标指针放在一个元素边界范围内时所呈现的光标形状,它包括问号,小手等形状。

使用时可以在任何你想要添加的标签里,插入style="cursor :某属性值",也可以在CSS样式中添加。

比如:

pointer,小手形状。

help,帮助形状 。

cursor的属性值有十几种可选值,在工作中根据需要选择合适的值即可。

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    此光标指示可用的帮助(通常是一个问号或一个气球)。  

<a style="cursor:value">

</a>

这里以a标签为例

cursor属性控制光标样式

value可以等于=hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问

号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw-

resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)