博客园自定义鼠标icon

 

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

   博客园自定义鼠标icon_第1张图片

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

 

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

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

    

 

 

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

   博客园自定义鼠标icon_第2张图片

 

 

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

   博客园自定义鼠标icon_第3张图片

   

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

 

 

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

     http://www.bitbug.net/ 

你可能感兴趣的:(博客园自定义鼠标icon)