CSS控制鼠标形状
在网页上,鼠标平时呈箭头形,指向链接时成为手形,等待网页下载时成为沙漏形……这似乎是约定俗成的。虽然这样的设计能使我们知道浏览器现在的状态或是可以做什么,但这些好像还不能完全地满足我们的需要。就拿链接来说,可以是指向一个帮助文件,也可以是向前进一页或是向后退一页,针对如此多的功能光靠千篇一律的手形鼠标是不能说明问题的。值得庆幸的是,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)"
相关推荐
Justdoit00 2020-04-26
dreamhua 2020-01-31
nicepainkiller 2020-01-06
JackLang 2019-12-19
zhangchaoming 2019-12-18
pythonxuexi 2019-12-16
暗夜之城 2019-11-13
bigdatazx 2010-11-05
qsdnet我想学编程 2019-11-04
DAV数据库 2019-10-26
圆圆的世界CSDN 2019-10-22
nickey 2011-11-17
ebuild 2017-02-14
zhaoshuliok 2012-09-12
人勤阡陌绿 2019-03-27
nosqlnotes 2014-08-16