CSS控制多种鼠标形状的总结

发布时间:2019-11-30编辑:脚本学堂
在使用鼠标中,常见的鼠标呈箭头形,指向链接时成为手形,等待网页下载时成为沙漏形……。这样的设计使我们知道浏览器现在的状态,但还不能完全地满足我们的需求。就拿链接来说,可以是指向一个帮助文件,也可以是向前进一页或是向后退一页,针对如此多的功能只靠手形鼠标是不能说明问题的。CSS提供了多达13种的鼠标形状可供我们选择,给我们带来很多便。需要的朋友认真看一下文中的介绍,一定有收获的。

基本格式如下:
 

cursor:鼠标形状参数
CSS鼠标形状参数表:
CSS代码鼠标形状
style="cursor:hand" 手形
style="cursor:crosshair" 十字形
style="cursor:text"文本形
style="cursor:wait" 沙漏形
style="cursor:move" 十字箭头形
style="cursor:help" 问号形
style="cursor:e-resize"右箭头形
style="cursor:n-resize" 上箭头形
style="cursor:nw-resize" 左上箭头形
style="cursor:w-resize" 左箭头形
style="cursor:s-resize" 下箭头形
style="cursor:se-resize" 右下箭头形
style="cursor:sw-resize" 左下箭头形

还可以自定义鼠标样式,这样鼠标就可以成为你要的图了
 

style="CURSOR: url(http://image2.sina.com.cn/gm/ol/cross/mouse/arrow40.cur)"