html 手指状态,CSS 鼠标样式和手指样式整理

CSS 鼠标样式和手指样式整理

发布时间：2013-08-13 11:36:19   作者：佚名   我要评论

要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊，下面与大家分享下CSS鼠标样式语法及示例，有需求的朋友可以参考下，希望对大家有所帮助

巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：

任意标签中插入 style="cursor:*"

例 子：文本或其它页面元素 文本或其它页面元素 注意把 * 换成如下15个效果的一种：

下面是对这15种效果的解释。移动鼠标到解释上面，看看你的鼠标起了什么变化吧！

hand是手型

例子：CSS鼠标手型效果 CSS鼠标手型效果

pointer也是手型，这里推荐使用这种，因为这可以在多种浏览器下使用。

例子：CSS鼠标手型效果 CSS鼠标手型效果

crosshair是十字型

例子：CSS鼠标十字型 效果 CSS鼠标十字型 效果

help是问号

例子：CSS鼠标问号效果 CSS鼠标问号效果

下面写法都一样，这里就不一一写完了。

text是移动到文本上的那种效果

wait是等待的那种效果

default是默认效果

e-resize是向右的箭头

ne-resize是向右上的箭头

n-resize是向上的箭头

nw-resize是向左上的箭头

w-resize是向左的箭头

sw-resize是左下的箭头

s-resize是向下的箭头

se-resize是向右下的箭头

auto是由系统自动给出效果

相关文章

网页制作写CSS样式的时候，我们写的并不规范，使用CSS格式替换整理工具，可以进行整理并压缩CSS文件，使用比较简单，打开软件后选择css文件，读取后，再保存即可2014-12-26

鼠标经过时一般都会有鼠标的图形样式，为了方便使用本文整理了十五种常见的鼠标经过样式，喜欢的朋友可以收集下2013-09-10

以下引用网络上的一篇文章,不知道作者是谁了,总体上概括的不错,但是在实际应用当中还是要根据项目情况来具体实施比较好。2010-08-26

样式表(CSS) 在线格式整理与压缩工具2010-05-13

1、不要使用过小的图片做背景平铺。这就是为何很多人都不用 1px 的原因，这才知晓。宽高 1px 的图片平铺出一个宽高 200px 的区域，需要 200*200=40, 000 次，占用资源。2008-09-30

本文给大家收藏整理了史上最全面的css样式，非常不错，具有参考借鉴价值，需要的朋友参考下吧2018-01-09

最新评论