CSS光标属性一览表
| 光标类型 | 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)。 |
上一篇：用css美化滚动条 下一篇：三种方法实现实时切换CSS样式
相关内容
赞助商链接