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


相关推荐

  • idea2023 永久激活码【在线注册码/序列号/破解码】

    idea2023 永久激活码【在线注册码/序列号/破解码】,https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月18日
    69
  • Android 极简反射教程及应用示例

    Android 极简反射教程及应用示例

    2021年9月16日
    53
  • IntelliJ IDEA常用设置和好用插件,不定时更新 2021-08-12更新

    IntelliJ IDEA常用设置和好用插件,不定时更新 2021-08-12更新一:设置方面1:改黑色背景主题2:改字体设置到手第一件事就是改字体,改idea显示字体,和代码显示字体首先改软件显示字体及大小,最喜欢使用的是CourierNew字体然后改代码编辑区字体及大小和字体间距3注释模板设置首先是新创建文件时的文档注释/***[description]*@Author:某某某*@Date:${DATE}*@versionv1….

    2022年5月19日
    120
  • java定义字符串_java 如何定义字符串变量

    java定义字符串_java 如何定义字符串变量展开全部 java 中可以使用 String 来定义一个字符串 见如下代 e78988e69d46 码 示例程序及运行结果 一 String 类对象的创建字符串声明 Stringstring 字符串创建 stringName newString 字符串常量 或 stringName 字符串常量 二 S

    2026年3月19日
    2
  • idea替换的快捷键是 ctrl +?_idea怎么查找替换

    idea替换的快捷键是 ctrl +?_idea怎么查找替换idea替换快捷键ctrl+r:当前文件内容替换,指的是在当前打开的文件中替换匹配的字符,只操作一个文件。如下图1所示ctrl+shift+r:在路径中替换,指的是在选定的目录下或者类包下,查找要被替换的字符,再在第二个输入框中输入要替换的字符,点击弹出框的右下角的replace或者replaceall即可。如下图2所示…

    2026年4月18日
    6
  • Moya的设计之道

    Moya的设计之道前言 Moya 是一个基于 Alamofire 开发的 轻量级的 Swift 网络层 Moya 的可扩展性非常强 可以方便的 RXSwift PromiseKit 和 ObjectMapper 结合 如果你的项目刚刚搭建 并且是纯 Swift 的 非常推荐以 Moya 为核心去搭建你的网络层 另外 如果你对 Alamofire 的源码感兴趣 推荐我之前的一篇博客 Alamofire 的设计之道 Moya 除了依赖 Alamof

    2026年3月16日
    2

发表回复

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

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