日期:2014-05-17  浏览次数:20668 次

CSS cursor鼠标样式一览表

cursor版本:CSS2  兼容性:IE4.0+ NS6.0+ 继承性:有

语法:
cursor :?auto?|?all-scroll?|?col-resize|?crosshair?|?default?|?hand?|?move?|?help?|?no-drop?|?not-allowed?|?pointer?|?progress?|?row-resize?|?text?|?vertical-text?|?wait?|?*-resize?|?url (?url?)
取值:

auto :  ? 默认值。浏览器根据当前情况自动确定鼠标光标类型。
all-scroll :  IE6.0 有上下左右四个箭头,中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。
col-resize :  IE6.0 有左右两个箭头,中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。
crosshair :  ? 简单的十字线光标。
default :  ? 客户端平台的默认光标。通常是一个箭头。
hand :  ? 竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
move :  ? 十字箭头光标。用于标示对象可被移动。
help :  ? 带有问号标记的箭头。用于标示有帮助信息存在。
no-drop :  IE6.0 带有一个被斜线贯穿的圆圈的手形光标。用于标示被拖起的对象不允许在光标的当前位置被放下。
not-allowed :  IE6.0 禁止标记(一个被斜线贯穿的圆圈)光标。用于标示请求的操作不允许被执行。
pointer :  IE6.0 ?hand?一样。竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样。
progress :  IE6.0 带有沙漏标记的箭头光标。用于标示一个进程正在后台运行。
row-resize :  IE6.0 有上下两个箭头,中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。
text :  ? 用于标示可编辑的水平文本的光标。通常是大写字母?I?的形状。
vertical-text :  IE6.0 用于标示可编辑的垂直文本的光标。通常是大写字母?I?旋转90度的形状。
wait