[CSS]cursor鼠标样式
2014-03-26 13:02
597 查看
用css控制鼠标样式的语法如下:
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand 是手型
pointer 也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair 是十字型
text 是移动到文本上的那种效果
wait 是等待的那种效果
default 是默认效果
help 是问号
e-resize 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
<span style="cursor:*">文本或其它页面元素</span>
把 * 换成如下15个效果的一种:
下面是对这15种效果的解释。移动鼠标到解释上面,看看你的鼠标起了什么变化吧!
hand 是手型
pointer 也是手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair 是十字型
text 是移动到文本上的那种效果
wait 是等待的那种效果
default 是默认效果
help 是问号
e-resize 是向右的箭头
ne-resize 是向右上的箭头
n-resize 是向上的箭头
nw-resize 是向左上的箭头
w-resize 是向左的箭头
sw-resize 是左下的箭头
s-resize 是向下的箭头
se-resize 是向右下的箭头
auto 是由系统自动给出效果
相关文章推荐
- 【CSS控制鼠标样式cursor】
- CSS中cursor属性的鼠标样式明细
- 移动鼠标获取相应的样式(eg:手型、问号、箭头等多种样式)css的style="cursor:*"属性
- CSS鼠标指针cursor样式
- 比较全的CSS cursor(鼠标样式)
- Css cursor设置鼠标指针显示样式
- css cursor鼠标指针光标样式default pointer hand url
- Css cursor鼠标指针鼠标光标样式
- 使用CSS为内容设定特定的鼠标样式(cursor)介绍
- 比较全的CSS cursor(鼠标样式)
- CSS鼠标样式 cursor 属性
- 比较全的CSS cursor(鼠标样式)
- CSS cursor鼠标样式一览表
- css cursor鼠标指针光标样式default pointer hand url
- css Cursor:url()自定义鼠标指针样式为图片
- css cursor 的可选值(鼠标的各种样式)
- css cursor鼠标指针光标样式default pointer hand url
- 鼠标移动上变为手的样式的css,cursor: pointer或者CURSOR: hand
- CSS cursor鼠标样式一览表
- css cursor 鼠标指针样式总结