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

网站鼠标美化教程_博客鼠标指针美化-456源码网
网站鼠标指针美化素材
此内容为付费资源,请付费后查看
100积分
付费资源


一、前言

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

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

2022091108312236

二、代码部署

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

然后在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;}
/** 鼠标样式 结束**/

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

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

2022091108164847

三、总结

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

------本页内容已结束,喜欢请分享-456源码网------

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

© 版权声明
THE END
喜欢就支持一下吧
点赞5赞赏 分享
评论 抢沙发

请登录后发表评论

    暂无评论内容