教大家子比主题如何设置网站的背景为图片背景
- 网络教程
- 2023-02-21
- 566
其实很简单,几行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;
}
需要注意的是,网站背景图片的色调,亮度等都需要和整体颜色相互配合才能达到较好的效果,背景太花哨或者颜色不合适都只会让网站变得很丑!
本文由小虎于2023-02-21发表在皮皮云科技,如有疑问,请联系我们。
本文链接:https://pipiy.cn/post/82.html
发表评论