Home  >  Article  >  Web Front-end  >  CSS光标属性一览表_html/css_WEB-ITnose

CSS光标属性一览表_html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 11:51:291048browse

光标类型

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)。

 

 

本文出自:http://www.webshu.net/jiaocheng/web/CSS/200606/3697.html

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn