WordPress博客|自定义一个可爱的鼠标样式

挑选自己心仪的鼠标样式

首先打开custom-cursor，里面有老多有趣的鼠标样式

点我去我的博客查看设置效果！

戳我戳我！

挑选一个你喜欢的鼠标样式

因为我们不是给电脑设置，所以我们得获取两张透明图片然后调用链接

PS:电脑设置直接下载他的软件，然后ADD就可以自动设置，简单快捷

如果你懒得弄请访问 ：https://www.rhzhz.cn/?p=622 直接获取

1.这里我随机选择一个做一下演示：

• 链接：https://custom-cursor.com/en/collection/neon/neon-dolphin

海豚

2.我们发现在红框中我们的鼠标会变成海豚，于是我们从红框的地方入手

按下F12（网页审查元素），选择网络选项，或者Network选项，切换到图片选项

3.刷新网页

现在可以看见刷新出来很多的图片，这些都是加载网页的时候获取到的图片，我们要的鼠标样式自然也在其中，我们注意到neon-dolphin-cursor.png和neon-dolphin-pointer.png这两个文件

在浏览器中打开后发现正是我们需要的文件（其他鼠标样式同理）

5.分别单独双击这两个文件，打开后鼠标右键保存图片到本地即可

6.最后上传到WP媒体库，调用链接填写到图片链接1和2即可

附上一些我获取的，直接调用右键复制链接即可

火影

更多已经处理好的鼠标样式素材请访问 ：https://www.rhzhz.cn/?p=622 获取

WP使用方法（其他网站同理）

登入WordPress后台仪表盘-->外观-->自定义-->额外CSS-->粘贴代码

• 在适当位置添加代码

 /** 普通指针样式**/
body {
cursor: url(图片链接1), default;
}

/** 链接指针样式**/
a:hover{cursor:url(图片链接2), pointer;
}