
一、前言
个人网站的鼠标也是可以自定义的。
本站使用的鼠标样式有两种,一个用于正常状态显示,一个用于链接状态显示。效果如下图所示:
二、代码部署
可以看到,鼠标颜色是变化的,其实这个就是两个样子一样,颜色不同的图片而已。
然后在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;}
/** 鼠标样式 结束**/
将上述两个链接换成自己的鼠标样式图标即可,我使用的鼠标图片可以自行下载。
本人收集的还有自己制作的一些图标分享给大家,欢迎自取。
三、总结
鼠标图标可以根据自己喜好进行选择。
感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
暂无评论内容