首页 前端知识 css怎么设置鼠标样式

css怎么设置鼠标样式

2024-09-18 02:09:15 前端知识 前端哥 19 352 我要收藏

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像素左右,如果太大可能会导致不显示!

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/18399.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!