css怎么改变鼠标样式 css改变鼠标样式的教程
发布时间：2017-04-11 11:23:50作者：知识屋
css怎么改变鼠标样式 css改变鼠标样式的教程 css中怎么改变鼠标的样式呢?下面由小编带你了解。
css改变鼠标样式
有时候需要改变鼠标样式，DIV 可以改成手型等，A也可以改成光标形式
巧合要用到鼠标样式效果，就顺便整理了下十五种CSS鼠标样式，小例子供大家使用啊。CSS鼠标样式语法如下：
任意标签中插入 style="cursor:*"
例子：<span style="cursor:*">文本或其它页面元素</span> <a href="#"
style="cursor:*">文本或其它页面元素</a> 注意把 * 换成如下15个效果的一种：
下面是对这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是由系统自动给出效果
知识阅读
软件推荐
更多 >
-
1
英文强制换行css 使用css强制英文单词断行代码2013-02-18
-
2
CSS中marker-offset的使用方法
-
3
IE6-8 filter双重滤镜bug的相关详解！
-
4
css3中如何让多余的字符串消失并附加省略号的方法
-
5
CSS实现段落首行缩进的代码
-
6
CSS中使用expression完美设置页面最小宽度(兼容ie)
-
7
[前端笔记] border:none;与border:0;的区别
-
8
用css实现透视效果
-
9
css教程之绝对定位使用详解
-
10
CSS实现背景图片不规则的导航菜单
