网站鼠标美化教程_博客鼠标指针美化

一、前言

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

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

二、代码部署

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

然后在style.css中增加以下代码，子比主题的用户可以添加到->主题设置->自定义css样式里面。

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

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

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

三、总结

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

感谢您的来访，获取更多精彩文章请收藏本站。