css控制鼠标样式
2011-03-25 14:07
363 查看
用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 控制鼠标显示样式示例
- CSS样式设置(鼠标经过表格变色和控制表格隔行变色和添加CSS文件引用)
- css 控制鼠标显示样式
- css鼠标样式控制
- 用css控制鼠标样式
- 用css控制鼠标样式
- js和css控制鼠标略过和点击后的样式
- CSS控制鼠标样式
- 样式CSS控制鼠标形状的问题
- CSS控制鼠标样式
- css控制表格样式 鼠标经过变色效果
- 【CSS控制鼠标样式cursor】
- JavaScript 控制样式 CSS
- 鼠标移动上变为手的样式的css,cursor: pointer或者CURSOR: hand
- css控制UL LI 的样式详解(推荐)
- CSS 控制页面样式的4种方式和优先级问题
- 用css 添加手状样式,鼠标移上去变小手,变小手
- CSS list-style属性控制li标签样式示例代码
- CSS控制<a>标签样式
- CSS控制print打印样式