其实很简单,几行CSS代码即可搞定!
进入主题设置->全局&功能->自定义代码
将以下代码中的图片地址修改为你的图片地址后,保存到自定义CSS样式
代码
/***日间主题模式***/ body { background-image: url("https://aaaaaa.com/aaa.jpg");/**这里改为你自己的图片地址**/ background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-attachment: fixed; background-size: cover; } /***夜间主题模式***/ .dark-theme { background-position-x: center; background-position-y: center; background-repeat: no-repeat; background-attachment: fixed; background-image: url("https://aaaaaa.com/bbb.jpg");/**这里改为你自己的图片地址**/ background-size: cover; }
需要注意的是,网站背景图片的色调,亮度等都需要和整体颜色相互配合才能达到较好的效果,背景太花哨或者颜色不合适都只会让网站变得很丑!
© 版权声明
本站技术资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权请联系邮箱i@lho.cc删除!
THE END