WordPress美化教程:WordPress博客添加自定义鼠标样式

1594983180 a74ad8dfacd4f98 - WordPress美化教程:WordPress博客添加自定义鼠标样式

方法很简单

一、准备好.cur格式的鼠标样式,准备2个,一个是普通箭头样式一个是鼠标移动到链接处的手掌样式,你也可以个性化自己的鼠标样式

二、在当前主题header.php文件中的/head前添加以下样式:

body {
    cursor: url(“https://www.chiser.cc/images/MacOS.cur”), auto;
}
a:hover{
    cursor: url(“https://www.chiser.cc/images/Hand.cur”),pointer;
}

三、其中https://www.chiser.cc/images/MacOS.cur是正常状态下的鼠标样式的文件绝对地址,https://www.chiser.cc/images/Hand.cur是鼠标移动到链接处的鼠标样式绝对地址

四、保存完毕后刷新网页即可看到效果

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!
3. 如果你也有好源码或者教程,可以到审核区发布,分享有金币奖励和额外收入!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 本站不保证所提供下载的资源的准确性、安全性和完整性,源码仅供下载学习之用!
8. 如用于商业或者非法用途,与本站无关,一切后果请用户自负!
9. 如遇到加密压缩包,如遇到无法解压的请联系管理员

8主题 » WordPress美化教程:WordPress博客添加自定义鼠标样式

发表评论