动态图使用属性规定要显示的页面样式格外的骚！！

 1 手形 
 2 十字 
 3 文本光标 
 4 等待 
 5 默认 
 6 问号 
 7 左右箭头 
 8 上下箭头 
 9 系统自动给出效果
10 自定义图标

这个东西很神奇html 鼠标样式，我们自定义动态图片后的效果非常好！可以让你的页面风格格外艳丽！

光标使用

属性指定要显示的光标的类型（形状）。该属性定义了当鼠标指针放置在元素边界内时使用的光标形状（但 CSS2.1 没有定义哪个边界决定了这个范围）。

默认值：自动；继承：是；版本：CSS2;

语法：.style.=””;

所有主流浏览器都支持属性。注意：Opera 9.3和3不支持url值，任何版本（包括IE8）都不支持属性值“”。

:url() 自定义光标的 URL。可以设置多个，用逗号隔开，第一个加载失败会显示如下。

css:{:url(图片路径),-moz-zoom-out;}//FF兼容

css:{:url(图片路径),auto;}//IE,FF,浏览器都可以使用

前面的url()是自定义鼠标的样式，图片的地址，后面的参数是css标准的样式，（IE下不需要）

注意：请务必在此列表的末尾定义一个普通光标，例如auto，以防在URL定义的光标不可用时光标无法正常显示。

图标的格式根据浏览器的不同分为：IE支持cur、ani、ico三种格式，FF支持bmp、gif、jpg、cur、ico这三种格式html 鼠标样式，所以一般是cur或ico格式用过的。图片。

如果是ani格式，FF下可以用jpg,gif,bmp代替(:url(xxx.ani),url(xxx.gif),auto)

最好的图片大小是32*32，反正每个浏览器解析出来的大小都不一样。

IE中使用url()时鼠标闪烁的问题：在设置:url()的容器元素中添加title或者alt时会出现这种现象。您可以删除标题标签。

文章来源:https://www.cnblogs.com/GGbondLearn/p/12239886.html

感谢您的来访，获取更多精彩文章请收藏本站。