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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 道友自诉:入职中软一个月(外包华为)就离职了!

    点击上方“全栈程序员社区”,星标公众号 重磅干货,第一时间送达 作者:有人看我吗 blog.csdn.net/progammer10086/article/details/1050…

    2021年6月25日
    110
  • php 编译安装curl 扩展

    php 编译安装curl 扩展问题:线上运行的lamp服务器,默认yum安装的curl模块只支持http,不支持https。解决方法:编译安装curl,重新编译php,使php的curl模块支持https。具体步骤:1、下载curlcd/usr/local/src#进入安装包存放目录wgethttp://curl.haxx.se/download/curl-7.44.0.tar.gz#下载2、安装curlcd/usr/local/srctarzxvfcurl-7.44.0.tar..

    2022年9月13日
    0
  • python多线程与多进程及其区别

    python多线程与多进程及其区别个人一直觉得对学习任何知识而言,概念是相当重要的。掌握了概念和原理,细节可以留给实践去推敲。掌握的关键在于理解,通过具体的实例和实际操作来感性的体会概念和原理可以起到很好的效果。本文通过一些具体的例子

    2022年7月3日
    26
  • HTTP状态404未找到是什么意思_HTTP状态码详解

    HTTP状态404未找到是什么意思_HTTP状态码详解一些常见的状态码为:200-服务器成功返回网页404-请求的网页不存在503-服务不可用详细分解:1xx(临时响应)表示临时响应并需要请求者继续执行操作的状态代码。代码说明100(继续)请求者应当继续提出请求。服务器返回此代码表示已收到请求的第一部分,正在等待其余部分。101(切换协议)请求者已要求服务器切换协议,服务器已确认并准备切换。…

    2025年6月10日
    0
  • ContextLoaderListener类和contextConfigLocation参数[通俗易懂]

    ContextLoaderListener类和contextConfigLocation参数[通俗易懂]一、web.xml中经常有如下配置 <listener><listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener><context-param

    2022年6月26日
    26
  • yarn的安装和使用

    yarn的简介:Yarn是facebook发布的一款取代npm的包管理工具。yarn的特点:速度超快。Yarn缓存了每个下载过的包,所以再次使用时无需重复下载。同时利用并行下载以最大化资源利用率,因此安装速度更快。超级安全。在执行代码之前,Yarn会通过算法校验每个安装包的完整性。超级可靠。使用详细、简洁的锁文件格式和明确的安装算法,Yarn能够保证在不同…

    2022年4月3日
    69

发表回复

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

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