教大家如何设置网站的背景为图片背景

2024-06-03 14:35| 来源: 网络整理| 查看: 265

经常有人问我这个问题，实际我认为用图片作为背景好像不太合适，当然为了个性化的网站样式，自己玩一玩还是可以的！

其实很简单，几行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; }

需要注意的是，网站背景图片的色调，亮度等都需要和整体颜色相互配合才能达到较好的效果，背景太花哨或者颜色不合适都只会让网站变得很丑！

【本文地址】

公司简介

联系我们