CSS定义鼠标经过时鼠标图形的十五种样式整理
发布时间：2013-09-10 17:17:30 作者：佚名 
我要评论
我要评论鼠标经过时一般都会有鼠标的图形样式，为了方便使用本文整理了十五种常见的鼠标经过样式，喜欢的朋友可以收集下
CSS鼠标样式语法如下：
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e- resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w- resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto 是由系统自动给出效果
任意标签中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：
移动鼠标到上面，看你的鼠标起了什么变化吧！
hand是手型
例子：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
例子：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
crosshair是十字型
例子：CSS鼠标十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>
help是问号
例子：CSS鼠标问号效果 <a href="#" style="cursor:help">CSS鼠标问号效果</a>
text是移动到文本上的那种效果
wait是等待的那种效果
default是默认效果
e- resize是向右的箭头
ne-resize是向右上的箭头
n-resize是向上的箭头
nw-resize是向左上的箭头
w- resize是向左的箭头
sw-resize是左下的箭头
s-resize是向下的箭头
se-resize是向右下的箭头
auto 是由系统自动给出效果
任意标签中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#" style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：
移动鼠标到上面，看你的鼠标起了什么变化吧！
hand是手型
例子：CSS鼠标手型效果 <a href="#" style="cursor:hand">CSS鼠标手型效果</a>
pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。
例子：CSS鼠标手型效果 <a href="#" style="cursor:pointer">CSS鼠标手型效果</a>
crosshair是十字型
例子：CSS鼠标十字型 效果 <a href="#" style="cursor:crosshair">CSS鼠标十字型 效果</a>
help是问号
例子：CSS鼠标问号效果 <a href="#" style="cursor:help">CSS鼠标问号效果</a>
相关文章
网页制作写CSS样式的时候，我们写的并不规范，使用CSS格式替换整理工具，可以进行整理并压缩CSS文件，使用比较简单，打开软件后选择css文件，读取后，再保存即可2014-12-26- 要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊，下面与大家分享下CSS鼠标样式语法及示例，有需求的朋友可以参考下，希望对大家有所帮助2013-08-13
- 以下引用网络上的一篇文章,不知道作者是谁了,总体上概括的不错,但是在实际应用当中还是要根据项目情况来具体实施比较好。2010-08-26
- 样式表(CSS) 在线格式整理与压缩工具2010-05-13
- 1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2008-09-30
- 本文给大家收藏整理了史上最全面的css样式，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-01-09
最新评论