使用CSS更改鼠标(光标的样式)

使用CSS中的cursor属性,来定义鼠标指针放在一个元素范围内时,所使用的光标的形状

cursor属性的语法

cursor: auto | crosshair | default | hand | move | help |…

常见属性值的解释

  • auto:默认。浏览器设置的光标
  • crosshair:光标呈现为十字线
  • default:默认光标(通常是一个箭头)
  • pointer:光标呈现为指示链接的指针(一只手)
  • move:此光标指示某对象可被移动
  • text:此光标指示文本
  • wait:此光标指示程序正忙(通常是一只表或沙漏)
  • help:此光标指示可用的帮助(通常是一个问号或一个气球)

注意:

控制设置鼠标指针样式是比较常用的,但光标切记勿滥用,也不要轻易设置自定义图片为鼠标样式这样会将网页造成复杂与不符合用户体验感觉,切记光标慎用。

文章借鉴于:https://www.cnblogs.com/yuhuameng/p/4157993.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值