CSS Cursor Types
光标类型 | 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)。 |