css教程:使用cursor定义鼠标指针样式
的有关信息介绍如下:
当鼠标放在HTML元素上,鼠标指针会显示样式 ,默认为箭头样式,如果需要改变它的样式,可以使用CSS来定义其样式。
手指样式。通过把cursor定义为pointer,即cursou:pointer,实现手指样式。下面是当鼠标放在文字上的手指样式 。
交叉十字样式。通过把cursor定义为crosshair,即cursou:crosshair,实现交叉十字样式。下面是当鼠标放在文字上的交叉十字样式 。
文本选择样式。通过把cursor定义为text,即cursou:text,实现文本选择样式。下面是当鼠标放在文字上的文本选择样式 。
正在加载等待样式。通过把cursor定义为wait,即cursou:wait,实现正在加载等待样式。这个样式,系统版本不同,样式会有所不同,下面是windows 7系统当鼠标放在文字上的正在加载等待样式 。
带问号帮助样式。通过把cursor定义为help,即cursou:help,实现带问号帮助样式。下面是当鼠标放在文字上的带问号帮助样式。
箭头样式,即默认样式。通过把cursor定义为default,即cursou:default,实现箭头样式。下面是当鼠标放在文字上的箭头样式。
指向性双箭头样式。指向性箭头样式,cursor设置不同,指向不同,有如下几种:
e-resize
指向东方的双箭头
ne-resize
指向东北方的双箭头
n-resize
指向北方的双箭头
nw-resize
指向西北方的双箭头
w-resize
指向西方的双箭头
sw-resize
指向西南方的双箭头
s-resize
指向南方的双箭头
se-resize
指向东南方的双箭头
下面例子是指向东方的双箭头样式:



