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