css - curcor 自定义鼠标样式（图片 转 icon）

1. 首先有一张 .ico 格式的图片, 如果没有，可以去以下几个网站, 将图片转换为.ico 格式：

   • http://www.ico51.cn/ （推荐）
   • https://app.xunjiepdf.com/img2icon/ （迅捷）
   • https://www.aconvert.com/cn/icon/png-to-ico/
     
     

2. 自定义鼠标样式： curcor: url('图标地址'), default;

   examples

   body {
   cursor: url('https://blog-static.cnblogs.com/files/kbbnice/c_default.ico'), default;
   }
   

   注意

   • 需要在自定义鼠标样式末端，始终定义一种普通光标，以防没有由URL定义的可用光标，多个选项用 逗号,隔开。（如上方例子的 default 即为备选光标。
     
     

3. 博客园的博客自定义光标图片，可以上传到 管理后台 的文件里，再引用相应的文件地址即可。

   博客园 - 后台管理 - 文件上传地址(直通车) 【当然首先你是一个博客园的博主嘤嘤嘤~】
   
   

4. curcor 的自带的值：

   值	描述
   url	需要使用的自定义光标的 URL
   defautlt	默认光标（通常是一个箭头）
   auto	默认。（浏览器设置的光标)
   crosshair	呈现为十字线
   pointer	指示链接的指针 （一只手）
   move	指示某对象可被移动（四个方向都有箭头）
   e-resize	指示矩形框的边缘可被向右（东）移动
   ne-resize	指示可向上及向右移动（北/东）
   nw-resize	指示可向上及向左移动（北/西）
   n-resize	指示可向上移动（北）
   se-resize	指示可向下及向右移动（南/东）
   sw-resize	指示可向下及向左移动（南/西）
   s-resize	指示可向下移动（南）
   w-resize	指示可向左移动（西）
   text	指示文本
   wait	指示程序正忙（通常是一只表或沙漏）
   help	指示可用的帮助（通常是一个问号或者一个气球）