网站美化：鼠标样式自定义

一、前言

个人网站的鼠标也是可以自定义的。

本站使用的鼠标样式有两种，一个用于正常状态显示，一个用于链接状态显示。效果如下图所示：

二、代码部署

可以看到，鼠标颜色是变化的，其实这个就是两个样子一样，颜色不同的图片而已。

然后在style.css中增加以下代码，知更鸟主题的用户可以添加到外观->主题设置->定制风格->自定义样式里面。

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {
cursor: url(http://cuijiahua.com/xxx/cursor_1.png), default;
}
/** 链接指针样式**/
a:hover{cursor:url(http://cuijiahua.com/xxx/cursor_2.png), pointer;}
/** 鼠标样式 结束**/

将上述两个链接换成自己的鼠标样式图标即可，我使用的鼠标图片在文末可以自行下载。

本人收集的还有自己制作的一些图标分享给大家，欢迎自取。

三、总结

鼠标图标可以根据自己喜好进行选择。

来源：

https://cuijiahua.com/blog/2018/01/website_9.html