首页 > 其他 > 详细

博客园自定义鼠标icon

时间:2019-08-27 14:09:23      阅读:756      评论:0      收藏:0      [点我收藏+]

 

  步骤一:管理-文件-选择文件-上传即可

   技术分享图片

   注:这里上传文件图片类型不能是png jpg,建议用后缀为ico的图标,图标体积很小

 

  可能有小伙伴会问后缀为ico的图标是用来干嘛的?

  简单来说一般是作为网站的缩略标志,显示位于浏览器地址栏,如下图红色圈所示

    技术分享图片

 

 

    这也是用谷歌开发者工具查看网站network选项时,常会看到名为favicon.ico图标的原因

   技术分享图片

 

 

  上传成功后,可直接点击上传图片的链接后复制地址,也可以右键审查元素获取地址

   技术分享图片

   

  最后在css样式body里加 cursor: url(https://files-cdn.cnblogs.com/files/zouwangblog/cursor.ico),auto;(这里地址为上面获取到的地址)

 

 

  补充:pngjpg可以直接转换为ico格式,使用一个在线生成ico图标的网站即可

     http://www.bitbug.net/ 

博客园自定义鼠标icon

原文:https://www.cnblogs.com/tu-0718/p/11417905.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!