您的位置:首页 > Web前端 > CSS

css鼠标样式

2016-06-13 15:24 260 查看
用css控制鼠标样式的语法如下:

<span style="cursor:*">文本或其它页面元素</span>


把 * 换成如下15个效果的一种:

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

CSS功能
hand手型
pointer手型,这里推荐使用这种,因为这可以在多种浏览器下使用。
crosshair十字型
text移动到文本上的那种效果
wait等待的那种效果
default默认效果
help问号
e-resize向右的箭头
ne-resize向右上的箭头
n-resize向上的箭头
nw-resize向左上的箭头
w-resize向左的箭头
sw-resize左下的箭头
s-resize向下的箭头
se-resize向右下的箭头
auto由系统自动给出效果
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: