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


相关推荐

  • 数据仓库 数据集市_实时数仓应用场景

    数据仓库 数据集市_实时数仓应用场景#实时数仓项目-数据采集与ODS层配置canal实时采集mysql数据一、mysql开启binlog二、安装配置canal采集数据到kafka三、启动kafka消费者验证ODS层数据处理导入hbase一、flink采集kafka数据配置canal实时采集mysql数据一、mysql开启binlog修改mysql的配置文件(linux:/etc/my.cnf,Windows:\my.ini)log-bin=mysql-bin#开期binlogbinlog-format=ROW#选择ROW

    2022年9月27日
    3
  • mysql如何开启远程连接

    mysql如何开启远程连接

    2021年9月19日
    48
  • android之View和LinearLayout的重写(实现背景气泡和波纹效果)

    前两天看了仿android L里面水波纹效果的两篇博客Android L中水波纹点击效果的实现Android自定义组件系列【14】——Android5.0按钮波纹效果实现第一篇是实现了一个水波纹布局,放在里面的所有控件点击后都会出现波纹效果第二篇是实现了一个水波纹view,点击之后自身会出现波纹效果根据对这两篇博客的理解,我自己实现了一个

    2022年3月11日
    38
  • RPC是什么? (学习笔记)

    RPC是什么? (学习笔记)什么是RPC?RPC全称RemoteProcedureCall,即远程过程调用,就是要像调用本地的函数一样去调远程函数,屏蔽远程调用的复杂性。为什么需要RPC?微服务、分布式应用的开发越来越

    2022年8月3日
    12
  • 一台计算机如何安装2个版本的python,互不影响呢[通俗易懂]

    一台计算机如何安装2个版本的python,互不影响呢[通俗易懂]python学习过程中,很多教程都是python2版本的但是python2到2020年就不在维护了,所以现在教大家如何在一台计算机上安装python2和python3互不影响,可以自如的切换。不用任何第三方软件简单省力,一次配置就可。第一步下载适合自己电脑的安装包32还是64按照自己的电脑来:python2.7.13和python3.6先安装哪一个版本无所谓。不…

    2022年5月8日
    180
  • YUM常用命令介绍

    YUM常用命令介绍

    2021年10月8日
    43

发表回复

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

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