十字准心 cursor:crosshair;
手
等待/沙漏 cursor:wait;
帮助
无法释放 cursor:no-drop;
文字/编辑 cursor:text;
可移动对象 cursor:move;
向上改变大小 cursor:n-resize;
向下改变大小 cursor:s-resize;
向右改变大小 cursor:e-resize;
向左改变大小 cursor:w-resize;
向上右改变大小 cursor:ne-resize;
向上左改变大小 cursor:nw-resize;
向下右改变大小 cursor:se-resize;
向下左改变大小 cursor:sw-resize;
自动
禁止
处理中
系统默认 cursor:default;
用户自定义 cursor:url('#');#=光标文件地址(注意文件格式必须为.cur或.ani)。
字上查看效果 | 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 | ||
cursor: crosshair; | | 十字准心 | The cursor render as a crosshair |
cursor: pointer; | | 手 | The cursor render as a pointer (a hand) thatindicates a link |
cursor: wait; | | 等待/沙漏 | The cursor indicates that the program is busy(often a watch or an hourglass) |
cursor: help; | | 帮助 | The cursor indicates that help is available (oftena question mark or a balloon) |
cursor: no-drop; | | 无法释放 | cursor: no-drop; |
cursor: text; | | 文字/编辑 | The cursor indicates text |
cursor: move; | | 可移动对象 | The cursor indicates something that should bemoved |
cursor: n-resize; | | 向上改变大小(North) | The cursor indicates that an edge of a box is to bemoved up (north) |
cursor: s-resize; | | 向下改变大小(South) | The cursor indicates that an edge of a box is to bemoved down (south) |
cursor: e-resize; | | 向右改变大小(East) | The cursor indicates that an edge of a box is to bemoved right (east) |
cursor: w-resize; | 向左改变大小(West) | The cursor indicates that an edge of a box is to bemoved left (west) | |
cursor: ne-resize; | | 向上右改变大小(North East) | The cursor indicates that an edge of a box is to bemoved up and right (north/east) |
cursor: nw-resize; | | 向上左改变大小(North West) | The cursor indicates that an edge of a box is to bemoved up and left (north/west) |
cursor: se-resize; | | 向下右改变大小(South East) | The cursor indicates that an edge of a box is to bemoved down and right (south/east) |
cursor: sw-resize; | | 向下左改变大小(South West) | The cursor indicates that an edge of a box is to bemoved down and left (south/west) |
cursor: auto; | | 自动 | The browser sets a cursor |
cursor:not-allowed; | | 禁止 | cursor:not-allowed; |
cursor: progress; | | 处理中 | cursor: progress; |
cursor: default; | | 系统默认 | The default cursor (often an arrow) |
cursor: url(' # '); | | 用户自定义(可用动画) | The url of a custom cursor to be used. Note: Always define a generic cursor at the endof the list in case none of the url-defined cursors can beused |