css鼠标样式

链接不带下划线:
text-decoration:none

强制不换行:
white-space:nowrap

鼠标样式:
cursor:auto|all-scroll|col-resize|crosshair|default|hand|move|help|no-drop|not-allowed|pointer|progress|row-resize|text|vertical-text|wait|*-resize|url(url)

主要用到的是default和pointer,pointer同时支持IE和Firefox

1.auto:默认值.浏览器根据当前情况自动确定鼠标光标类型
2.all-scroll:有上下左右四个箭头,中间有一个圆点的光标.用于标示页面可以向上下左右任何方向滚动
3.col-resize:有左右两个箭头,中间由竖线分隔开的光标.用于标示项目或标题栏可以被水平改变尺寸
4.crosshair:简单的十字线光标
5.default:客户端平台的默认光标.通常是一个箭头
6.hand:竖起一只手指的手形光标.就像通常用户将光标移到超链接上时那样
7.move:十字箭头光标。用于标示对象可被移动
8.help:带有问号标记的箭头。用于标示有帮助信息存在
9.no-drop:带有一个被斜线贯穿的圆圈的手形光标.用于标示被拖起的对象不允许在光标的当前位置被放下
10.not-allowed:禁止标记(一个被斜线贯穿的圆圈)光标.用于标示请求的操作不允许被执行
11.pointer:和 hand 一样.竖起一只手指的手形光标。就像通常用户将光标移到超链接上时那样
12.progress:带有沙漏标记的箭头光标.用于标示一个进程正在后台运行
13.row-resize:有上下两个箭头,中间由横线分隔开的光标.用于标示项目或标题栏可以被垂直改变尺寸
14.text:用于标示可编辑的水平文本的光标.通常是大写字母 I 的形状
15.vertical-text:用于标示可编辑的垂直文本的光标.通常是大写字母 I 旋转90度的形状
16.wait:用于标示程序忙用户需要等待的光标.通常是沙漏或手表的形状
17.*-resize:用于标示对象可被改变尺寸方向的箭头光标w-resize|s-resize|n-resize|e-resize|ne-resize|sw-resize|se-resize|nw-resize
18.url (url):用户自定义光标.使用绝对或相对 url 地址指定光标文件(后缀为 .cur 或者 .ani ).

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值