光标类型

光标类型

 

光标类型 CSS
把你的光标放到相应文字上查看效果要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。
<SPAN style="CURSOR: crosshair">十字准心</SPAN>
cursor: crosshair;
 
 
<SPAN style="CURSOR: pointer">手</SPAN>
cursor: pointer;
cursor: hand;

写两个是为了照顾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)。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值