当前位置:编程学习 > html/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教程,常用代码 
CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,