如何设置网站日间和夜间的背景为图片背景(子比主题也可用)

实际我认为用图片作为背景好像不太合适,当然为了个性化的网站样式,自己玩一玩还是可以的!

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

 

请登录后发表评论

    请登录后查看回复内容

 

昼夜

客服

客服

点击联系站长

在线时间
12:00 - 22:00

关注微信公众号

关注微信公众号
交流QQ群

1019375512

站长邮箱 3337469827@qq.com