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


相关推荐

  • jsp用户信息管理系统

    jsp用户信息管理系统实现功能1.用户信息注册2.用户信息新增3.用户信息列表4.用户信息删除5.用户信息修改6.用户登录项目包结构:sqlsever数据库结构USE[MyDB]GO/******Object:Table[dbo].[users]ScriptDate:2020/11/119:26:07******/SETANSI_NULLSONGOSETQUOTED_IDENTIFIERONGOSETANSI_PADDINGONGOCREATETABL

    2022年10月17日
    2
  • 解读非主流_所谓的非主流

    解读非主流_所谓的非主流解读非主流——当非主流成为主流互联网上非主流信息以几何级数倍增,作为非主流信息集聚载体的网站的建设者的我们——站长,该如何应对呢?如何适应这种大环境大气候的变化呢?《谁动了我的奶酪》告诉我们,要感觉良好,就好主动变化,而非被动挨打。全面投入非主流《——》主流的管道建设,实在是当务之急,也是有利可图的聪明人做的事情。下面就从主流的角度,解读下非主流…

    2022年10月17日
    2
  • ssm整合shiro详解

    ssm整合shiro详解这里有详细的ssm整合shiro步骤,需要先搭建ssm框架,教程在https://blog.csdn.net/qq_41150890/article/details/108419455整合shiro:1.在pom.xml中引入依赖<!–shiro–><!–https://mvnrepository.com/artifact/org.apache.shiro/shiro-core–><dependency><

    2022年6月9日
    50
  • MessageDigest类的使用

    MessageDigest类的使用随时随地阅读更多技术实战干货,获取项目源码、学习资料,请关注源代码社区公众号(ydmsq666)在前面java中的MessageDigest类中简要介绍了它的一些作用和方法,下面给个例子,对文件和字符串MD5分别给了两个例子,代码如下:packagecom.home;importjava.io….

    2022年6月17日
    30
  • linkhashmap和hashmap的区别_java优先队列默认是大顶堆吗

    linkhashmap和hashmap的区别_java优先队列默认是大顶堆吗我们先看下HashMap和LinkedHashMap的继承关系。这两个类都实现了Map接口,同时LinkedHashMap继承于HashMap。具体如下图所示。Map的设计思想就是以空间来换时间,主要用来存储键值对。键不可以重复,值可以重复。HashMap这里简要说一下HashMap的性质,具体的源码分析可以参见前面的博客https://blog.csdn.net/SMonkeyKing/…

    2025年7月21日
    5
  • html倒计时免费代码,JS倒计时代码汇总[通俗易懂]

    本文实例总结了常见的JS倒计时代码。分享给大家供大家参考。具体汇总如下:第一种:精确到秒的javascript倒计时代码HTML代码:离2010年还有:startclock()vartimerID=null;vartimerRunning=false;functionshowtime(){Today=newDate();varNowHour=Today.getHours…

    2022年4月6日
    76

发表回复

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

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