CSS光标属性一览表

来源:互联网 发布:mac chrome 书签同步 编辑:程序博客网 时间:2024/05/20 11:52
CSS光标属性一览表
<script type="text/javascript"><!--google_ad_client = "pub-6997921015773263";google_ad_width = 300;google_ad_height = 250;google_ad_format = "300x250_as";google_ad_type = "text_image";//2007-08-24: bbs-threadgoogle_ad_channel = "6631676749";google_color_border = "FFFFFF";google_color_bg = "FFFFFF";google_color_link = "154BA0";google_color_text = "000000";google_color_url = "154BA0";//--></script><script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script>
off
[tr]光标类型              CSS            [/tr]                                                                                    把你的光标放到相应文字上查看效果 要注意光标的实际效果依赖于用户的系统设置,与你在这里看到的效果并不一定一致。 十字准心 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)。
原创粉丝点击