如何用CSS自定义鼠标显示的形状?

如何用CSS自定义鼠标显示的形状?

  

  我们在网页设计的时候,为了达到个性效果,需要将系统默认的鼠标形状改变掉,自宝义鼠标显示的形状,我们以前可以用javascript来实现。现在我们完全可以用css来实现这一个性效果了。

  CSS有一个属性:cursor,其作用是设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。更多关于cursor请参考这里。

  我们看下面的实例,更好的理解如何用CSS自定义鼠标显示的形状。

Source Code to Run [www.fun52.com]

www.fun52.com

hand 手型

crosshair 十字

text 文本

wait 等待

help 问号

e-resize 右的箭头

ne-resize 右上的箭头

n-resize 上的箭头

nw-resize 左上的箭头

w-resize 左的箭头

sw-resize 左下的箭头

s-resize 下的箭头

se-resize 右下的箭头

move 移动

   [ 可先修改部分代码 再运行查看效果 ]

 

如何用CSS自定义鼠标显示的形状?

相关文章:

你感兴趣的文章:

标签云: