网站地图    收藏   

主页 > 前端 > css教程 >

如何定义CSS样式改变鼠标形状

来源:未知    时间:2014-11-25 21:31 作者:xxadmin 阅读:

[导读] css样式中鼠标形状的改变是通过cursor属性来决定的,如下所示: cursor: auto、hand、pointer、crosshair、default、text、vertical-text、wait、move、help、row-resize、col-resize、all-scroll、progress、not-all...

css样式中鼠标形状的改变是通过cursor属性来决定的,如下所示:

cursor: auto、hand、pointer、crosshair、default、text、vertical-text、wait、move、help、row-resize、col-resize、all-scroll、progress、not-allowed、no-drop.

解释说明
hand:手型,通常用户将光标移到超链接上时那样
pointer:和hand一样,它的兼容性更好。
crosshair:十字型
default: 客户端平台的默认光标,通常是一个箭头
text:移动到文本上的那种效果,通常是大写字母 I 的形状
vertical-text:用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。
wait:等待的那种效果,通常是沙漏或手表的形状
move:十字箭头光标。用于标示对象可被移动
help:问号,用于标示有帮助信息存在
row-resize:有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸
col-resize:有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸
all-scroll:有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动
progress:带有沙漏标记的箭头光标。用于标示一个进程正在后台运行
not-allowed:禁止标记(一个被斜线贯穿的圆圈)光标,用于标示请求的操作不允许被执行
no-drop:带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下

自学PHP网专注网站建设学习,PHP程序学习,平面设计学习,以及操作系统学习

京ICP备14009008号-1@版权所有www.zixuephp.com

网站声明:本站所有视频,教程都由网友上传,站长收集和分享给大家学习使用,如由牵扯版权问题请联系站长邮箱904561283@qq.com

添加评论