| 光标类型 | 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)。 |
正 文
CSS光标属性一览表
www.7dspace.com 更新日期：2005-8-16 5:06:19 七度空间
上一篇：用css美化滚动条
下一篇：三种方法实现实时切换CSS样式
作者： 来源： ( 责任编辑:7dspace )
站 内 搜 索
热 点 导 读
特 别 推 荐