HTML标签中常用鼠标样式
HTML标签中常用鼠标样式
语法：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 ) 取值：
cursor: auto;http://hiphotos.baidu.com/retrying/pic/item/312930db67f6805e4854037e.jpg自动The browser sets a cursor浏览器设置一个游标cursor:all-scroll;上下左右任何方向滚动IE6.0有上下左右四个箭头，中间有一个圆点的光标。用于标示页面可以向上下左右任何方向滚动。cursor: crosshair;http://hiphotos.baidu.com/retrying/pic/item/4cd5672733131d039358077e.jpg十字准心The cursor render as a crosshair游标表现为十字准线cursor: pointer;cursor: hand;写两个是为了照顾IE5，它只认hand。http://hiphotos.baidu.com/retrying/pic/item/97d9bf0d4199d7cfd0581b7e.jpg手The cursor render as a pointer (a hand) that indicates a link游标以暗示(手指)的形式来表明有一个连接cursor: wait;http://hiphotos.baidu.com/retrying/pic/item/b65ff286251f87f26d81197e.jpg等待/沙漏The cursor indicates that the program is busy (often a watch or an hourglass)游标暗示当前程序正忙(一般为一块表或是一个沙漏)cursor: help;http://hiphotos.baidu.com/retrying/pic/item/1c59d23a4b7278b7838b137e.jpg帮助The cursor indicates that help is available (often a question mark or a balloon)游标暗示当前位置可得到帮助(一般为问号或是气球)cursor: no-drop;http://hiphotos.baidu.com/retrying/pic/item/ad52931b417cdc47314e157e.jpg无法释放cursor: no-drop;cursor: text;http://hiphotos.baidu.com/retrying/pic/item/35cf4b1b91829a85a686697e.jpg文字/编辑The cursor indicates text游标暗示当前所处位置为文字内容cursor: move;http://hiphotos.baidu.com/retrying/pic/item/b38154f793c0a21d342acc7e.jpg可移动对象The cursor indicates something that should be moved游标暗示一些东西应该被移动cursor:vertical-text可编辑的垂直文本的光标IE6.0用于标示可编辑的垂直文本的光标。通常是大写字母 I 旋转90度的形状。cursor: n-resize;http://hiphotos.baidu.com/retrying/pic/item/a207a71377762c44c83d6d7e.jpg向上改变大小(North)The cursor indicates that an edge of a box is to be moved up (north)边缘可向上移动(北)cursor: s-resize;http://hiphotos.baidu.com/retrying/pic/item/3e46f139f6949a4dbba1677e.jpg向下改变大小(South)The cursor indicates that an edge of a box is to be moved down (south)边缘可向下方移动(南)cursor: e-resize;http://hiphotos.baidu.com/retrying/pic/item/fe73dc152254fb33cb80c47e.jpg向右改变大小(East)The cursor indicates that an edge of a box is to be moved right (east)box边缘可向右(东)边移动cursor: w-resize;http://hiphotos.baidu.com/retrying/pic/item/fd5dbf04aae9865c738b657e.jpg向左改变大小(West)The cursor indicates that an edge of a box is to be moved left (west)边缘可向左移动(西)cursor: ne-resize;http://hiphotos.baidu.com/retrying/pic/item/770a2914ad5a83b1c2ce797e.jpg向上右改变大小(North East)The cursor indicates that an edge of a box is to be moved up and right (north/east)游标暗示box的边缘可向右上方移动(东北方向)cursor: nw-resize;http://hiphotos.baidu.com/retrying/pic/item/925ccf40147312cfb3b7dc7e.jpg向上左改变大小(North West)The cursor indicates that an edge of a box is to be moved up and left (north/west)边缘可向左上方移动(西北)cursor: se-resize;http://hiphotos.baidu.com/retrying/pic/item/d309ba3b9bdcef8f7c1e717e.jpg向下右改变大小(South East)The cursor indicates that an edge of a box is to be moved down and right (south/east)边缘可向右下方移动(东南)cursor: sw-resize;http://hiphotos.baidu.com/retrying/pic/item/789fbc1f2ebc5098ac6e757e.jpg向下左改变大小(South West)The cursor indicates that an edge of a box is to be moved down and left (south/west)边缘可向左下方移动(西南)cursor:col-resize;项目可被水平改变尺寸IE6.0有左右两个箭头，中间由竖线分隔开的光标。用于标示项目或标题栏可以被水平改变尺寸。cursor:row-resize;项目可被垂直改变尺寸IE6.0有上下两个箭头，中间由横线分隔开的光标。用于标示项目或标题栏可以被垂直改变尺寸。cursor:not-allowed;http://hiphotos.baidu.com/retrying/pic/item/545befcf1f93fdb053664f7e.jpg禁止cursor:not-allowed;cursor: progress;http://hiphotos.baidu.com/retrying/pic/item/4eb7c2abed9ae8817dd92a7e.jpg处理中cursor: progress;cursor: default;http://hiphotos.baidu.com/retrying/pic/item/3c5ad8f97a2e9b5b08244d7e.jpg系统默认The default cursor (often an arrow)默认的游标状态（通常为一个箭头）cursor: url(' # ');# = 光标文件地址 (注意文件格式必须为：.cur 或 .ani)。http://hiphotos.baidu.com/retrying/pic/item/7958e314c6ae724c203f2e7e.jpg用户自定义（可用动画）The url of a custom cursor to be used.自定义游标的url位置Note: Always define a generic cursor at the end of the list in case none of the url-defined cursors can be used注意：在定义完自定义的游标之后在末尾加上一般性的游标，以防那些url所定义的游标不能使用但要说明一点：cursor: hand不符合标准，所以如果希望是手型的话还是用cursor: pointer比较好。
页:
[1]