博客园自定义鼠标icon

天涯浪子 提交于 2019-11-28 18:02:08

 

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

  

   注:这里上传文件图片类型不能是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/ 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!