| 光标类型 | CSS | |
|---|---|---|
| 把你的光标放到相应文字上查看效果 | 要注意光标的实际效果依赖于用户的系统设置，与你在这里看到的效果并不一定一致。 | |
| 十字准心 | cursor: crosshair; | |
| 手 | cursor: pointer; 写两个是为了照顾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)。 | |