CSS自定义鼠标样式[通俗易懂]

CSS自定义鼠标样式[通俗易懂]效果图原理cursor属性:cursor属性规定要显示的光标的类型(形状)。该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。使用url,可自定义鼠标图标。cursor:url(‘https://blog-static.cnblogs.com/files/lucas–liu/cat6.ico’),default;自定义图标注意点尺寸最好选择不大于于32*32像素的Opera9.3和Safari3不支持url值图片最好用绝对路径浏览器兼容性不一

大家好,又见面了,我是你们的朋友全栈君。

效果图

在这里插入图片描述

原理

cursor属性:
cursor 属性规定要显示的光标的类型(形状)。
该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状。
在这里插入图片描述

使用url,可自定义鼠标图标。

  cursor: url('https://blog-static.cnblogs.com/files/lucas--liu/cat6.ico'), default;

自定义图标注意点

  • 尺寸最好选择不大于于32*32像素的
  • Opera 9.3 和 Safari 3 不支持 url 值
  • 图片最好用绝对路径
  • 浏览器兼容性不一,最好用cur或ico格式。
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/138463.html原文链接:https://javaforall.net

(0)
上一篇 2022年5月31日 下午12:36
下一篇 2022年5月31日 下午12:46


相关推荐

  • jrebel离线激活_jrebel激活

    jrebel离线激活_jrebel激活Jrebel 脱机工作 jrebel 离线激活不管是在线激活还是自己搭建服务器激活 在重启 IDEA 再使用 JRebel 部署应用的时候 都会访问激活用的服务器校验证书 假设公网网络不能访问 或者许可证服务器没启动 都会导致 JRebel 不可用的 所以推荐启用 Workoffline 脱机模式 脱机模式可以在激活后 180 天内不用再激活 到期后 再把许可证服务器启动 激活一次就可以继续脱机模式

    2026年3月16日
    2
  • Q-学习:强化学习「建议收藏」

    Q-学习:强化学习「建议收藏」原文地址:http://mnemstudio.org/path-finding-q-learning-tutorial.htm这篇教程通过简单且易于理解的实例介绍了Q-学习的概念知识,例子描述了一个智能体通过非监督学习的方法对未知的环境进行学习。假设我们的楼层内共有5个房间,房间之间通过一道门相连,正如下图所示。我们将房间编号为房间0到房间4,楼层的外部可以被看作是一间大房间,编号为5。注

    2026年4月13日
    6
  • 对普通人来说,Stable diffusion 和 Midjourney 怎么选?他们有什么区别?

    对普通人来说,Stable diffusion 和 Midjourney 怎么选?他们有什么区别?

    2026年3月14日
    2
  • route命令的详细使用介绍

    route命令的详细使用介绍1.命令格式:route[-f][-p][Command[Destination][maskNetmask][Gateway][metricMetric]][ifInterface]]2.命令功能:Route命令是用于操作基于内核ip路由表,它的主要作用是创建一个静态路由让指定一个主机或者一个网络通过一个网络接口,如eth0。当使用”add”或者”del”参数时,路由表被修改,如果没有参数,则显示路由表当前的内容。3.命令参数:-c显示更多信息-n不解析名字-v显示

    2022年7月18日
    17
  • 数仓(三):分层设计 ODS-DWD-DWS-ADS

    数仓(三):分层设计 ODS-DWD-DWS-ADS一、数仓建模的意义,为什么要对数据仓库分层?只有数据模型将数据有序的组织和存储起来之后,大数据才能得到高性能、低成本、高效率、高质量的使用。1、清晰数据结构:每一个数据分层都有它的作用域,这样我们在使用表的时候能更方便地定位和理解。数据关系条理化:源系统间存在复杂的数据关系,比如客户信息同时存在于核心系统、信贷系统、理财系统、资金系统,取数时该如何决策呢?数据仓库会对相同主题的数据进行统一建模,把复杂的数据关系梳理成条理清晰的数据模型,使用时就可避免上述问题了。2、数据血缘追…

    2022年6月26日
    33
  • 机器学习中的数学——常用概率分布(七): 拉普拉斯分布(Laplace分布)

    机器学习中的数学——常用概率分布(七): 拉普拉斯分布(Laplace分布)拉普拉斯分布 Laplace 分布 允许我们在任意一点 mu 处设置概率质量的峰值 Laplace x 12 e x text Laplace x mu gamma frac 1 2 gamma e frac x mu gamma Laplace x 2 1 e x 拉普拉斯分布的期望为 mu 方差为 2 22 gamma 22 2 偏度为 0 峰度为 3 拉普拉斯分布的概率密度与正态分布看起来很像 下图为标准拉普拉斯分布 1 ga

    2026年3月17日
    2

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号