怎样用css改变鼠标指针

html-css020

怎样用css改变鼠标指针,第1张

Cursor:pointer(默认激活状态,window为手型);

hand(手形)、crosshair(十字)、text(文本光标)、wait(顾名思义啦)、default(默认效果)、help(问号)、e-size(向右箭头)、ne-resize(向右上的箭头)、nw-resize(向左上的箭头)、w-resize(向左的箭头)、sw-resize(左下箭头)、s-resize(向下箭头)、se-resize(向右下箭头)、auto(系统自动给出效果)等

浏览器调用的鼠标是系统的鼠标效果,因此同一用户不同浏览器差异很小;但不同操作系统差异很大

众所周知,在windows中可以修改鼠标指针显示效果,这些指针都存放在windows的cursors目录中,它们是以.cur和.ani结尾的图片文件。其实,网页中也可以引用这种图标。有时候,打开某些网页,鼠标指针就会变成一些奇怪的小图标,这就是利用CSS自定义鼠标指针的成果。

css的cursor属性是设置鼠标样式的。

以下是鼠标样式的几种表现方式以及解释:

default 默认光标(通常是一个箭头)

auto

默认。浏览器设置的光标

crosshair

光标呈现为十字线。

pointer

光标呈现为指示链接的指针(一只手)

move

此光标指示某对象可被移动。

e-resize

此光标指示矩形框的边缘可被向右(东)移动。

ne-resize

此光标指示矩形框的边缘可被向上及向右移动(北/东)。

nw-resize

此光标指示矩形框的边缘可被向上及向左移动(北/西)。

n-resize

此光标指示矩形框的边缘可被向上(北)移动。

se-resize

此光标指示矩形框的边缘可被向下及向右移动(南/东)。

sw-resize

此光标指示矩形框的边缘可被向下及向左移动(南/西)。

s-resize

此光标指示矩形框的边缘可被向下移动(南)。

w-resize

此光标指示矩形框的边缘可被向左移动(西)。

text

此光标指示文本。

wait

此光标指示程序正忙(通常是一只表或沙漏)。

help

此光标指示可用的帮助(通常是一个问号或一个气球)。

还有一种就是 url ,需要你自定义一个鼠标样式