光标类型
光标类型 | CSS | |
---|---|---|
把你的光标放到相应文字上查看效果 | 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 | |
<SPAN style="CURSOR: crosshair">十字准心</SPAN> |
cursor: crosshair;
| |
<SPAN style="CURSOR: pointer">手</SPAN>
| cursor: pointer; 写两个是为了照顾IE5,它只认hand。 | |
<SPAN style="CURSOR: wait">等待/沙漏</SPAN>
| cursor: wait; | |
<SPAN style="CURSOR: help">帮助</SPAN>
| cursor: help; | |
<SPAN style="CURSOR: no-drop">无法释放</SPAN>
| cursor: no-drop; | |
<SPAN style="CURSOR: text">文字/编辑</SPAN>
| cursor: text; | |
<SPAN style="CURSOR: move">可移动对象</SPAN>
| cursor: move; | |
<SPAN style="CURSOR: n-resize">向上改变大小(North) </SPAN>
| cursor: n-resize; | |
<SPAN style="CURSOR: s-resize">向下改变大小(South) </SPAN>
| cursor: s-resize; | |
<SPAN style="CURSOR: e-resize">向右改变大小(East) </SPAN>
| cursor: e-resize; | |
<SPAN style="CURSOR: w-resize">向左改变大小(West) </SPAN>
| cursor: w-resize; | |
<SPAN style="CURSOR: ne-resize">向上右改变大小(North East) </SPAN>
| cursor: ne-resize; | |
<SPAN style="CURSOR: nw-resize">向上左改变大小(North West) </SPAN>
| cursor: nw-resize; | |
<SPAN style="CURSOR: se-resize">向下右改变大小(South East)</SPAN>
| cursor: se-resize; | |
<SPAN style="CURSOR: sw-resize">向下左改变大小(South West) </SPAN>
| cursor: sw-resize; | |
<SPAN style="CURSOR: auto">自动</SPAN>
| cursor: auto; | |
<SPAN style="CURSOR: not-allowed">禁止</SPAN>
| cursor:not-allowed; | |
<SPAN style="CURSOR: progress">处理中</SPAN>
| cursor: progress; | |
<SPAN style="CURSOR: default">系统默认</SPAN>
| cursor: default; | |
用户自定义 | cursor: url(' # '); # = 光标文件地址 (注意文件格式必须为:.cur 或 .ani)。 |