css怎么设置鼠标样式

本文介绍了如何在CSS中通过cursor属性改变网站鼠标样式,包括默认、手指、文本等7种常见样式,以及如何自定义使用图片作为鼠标样式的方法。特别提到需确保图片大小适中(约30像素),并以cur格式提供示例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1.如何用css自定应网站里的鼠标样式

在css中我们可用 cursor 属性修改鼠标的样式 其中cursor最常用的七种样式。

1、default:默认光标,一般都是箭头。

2、pointer:手指光标,通常用于链接。

3、text:文本光标,通常用于输入框等。

4、move:移动光标,用于拖动元素

5、wait:等待光标,表示正在加载

6、help:帮助光标,表示需要帮助

7、crosshair:十字光标,表示选择区域

全图:根据需求自行查找

语法:div{

         cursor:default;
      }

 2、自定义设置鼠标样式

cursor: url(../sh.cur),default;

引入图片路径,把你想要的图片后缀名改成cur格式,这样光标就变成了我们图片的样子,图片大小注意控制在30像素左右,如果太大可能会导致不显示!

我这有个现成的图标大家可以试试

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值