css中cursor属性详解

html-css014

css中cursor属性详解,第1张

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的属性值有十几种可选值,在工作中根据需要选择合适的值即可。

1.Auto 鼠标指针会显示默认的样式

2.Crosshair 鼠标指针会显示"+"\

3.Point 鼠标指针会显示"手"形图标

4.Wait 鼠标指针会显示"圆形的" 旋转图标

5.其余的属性不是很常用

6.cursor的javaScript 语法