|
CSS Cursor Types
| 光标类型
| CSS |
| 把你的光标放到相应文字上查看效果 |
要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。 |
 |
十字准心 |
cursor: crosshair; |
 |
手 |
cursor: pointer;
cursor: hand;
写两个是为了照顾IE5，它只认hand。 |
 |
等待/沙漏 |
cursor: wait; |
 |
帮助 |
cursor: help; |
 |
无法释放 |
cursor: no-drop; |
 |
文字/编辑 |
cursor: text; |
 |
可移动对象 |
cursor: move; |
 |
向上改变大小(North) |
cursor: n-resize; |
 |
向下改变大小(South) |
cursor: s-resize; |
 |
向右改变大小(East) |
cursor: e-resize; |
 |
向左改变大小(West) |
cursor: w-resize; |
 |
向上右改变大小(North East) |
cursor: ne-resize; |
 |
向上左改变大小(North West) |
cursor: nw-resize; |
 |
向下右改变大小(South East) |
cursor: se-resize; |
 |
向下左改变大小(South West) |
cursor: sw-resize; |
 |
自动 |
cursor: auto; |
 |
禁止 |
cursor:not-allowed; |
 |
处理中 |
cursor: progress; |
 |
系统默认 |
cursor: default; |
 |
用户自定义（可用动画） |
cursor: url(' # ');
# = 光标文件地址 (注意文件格式必须为：.cur 或 .ani)。 |
|
