WordPress美化-鼠标样式自定义

作者 : 世萌 本文共546个字,预计阅读时间需要2分钟 发布时间: 2020-05-9 共35人阅读

首先,大家要去物色2个比较好看的指针png图片,上传到的网站后台
为了方便使用和区分对图片重命名一下
比如:shubiao1.png和shubiao2.png(一个用于正常状态显示,一个用于链接状态显示)

上传好之后我们就访问他的地址看看能不能打开,如果可以就上传成功了。

(参照代码里面的图片地址)文字

/** 鼠标样式 开始**/
/** 普通指针样式**/
body {
cursor: url(https://www.xcsos.cn/wp-content/uploads/2018/12/shubiao1.png), default;
}
/** 链接指针样式**/
a:hover{cursor:url(https://www.xcsos.cn/wp-content/uploads/2018/12/shubiao2.png), pointer;}
/** 鼠标样式 结束**/

一切准备就绪之后,我们进入wordpress后台,外观-自定义,添加额外css样式
主题带自定义选项就添加在主题自定义中即可,清除缓存刷新看看效果吧

效果演示就是本站的鼠标样式

PS:以下代码可直接使用,若想要自定义鼠标样式,

请将代码中网址部分替换成你的鼠标样式的绝对路径即可

世萌博客,一个假装正经的伪程序员!
世萌 » WordPress美化-鼠标样式自定义

常见问题FAQ

免费下载或者VIP会员专享资源能否直接商用?
站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
怎么获取萌币?
世萌博客1元=1萌币,注册会员后充值即可或者每天签到送0.5萌币

发表评论

发表评论

提供最优质的资源集合

立即查看 了解详情