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

温馨提示:本文最后更新于2022-08-07 12:26:57,某些文章具有时效性,若有错误或已失效,请在下方留言。

前言

今天在网上闲逛的时候看到的就弄下来了,实际我认为用图片作为背景好像不太合适,当然为了个性化的网站样式,自己玩一玩还是可以的!

图片[1]-教大家如何设置网站的背景为图片背景

操作步骤

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

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

文章版权声明 1、本网站名称:优盟盒子
2、本站永久网址:https://umsbox.com
3、本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长 QQ5941950进行删除处理。
4、本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
6、本站资源大多存储在云盘,如发现链接失效,请联系我们我们会第一时间更新。

© 版权声明
THE END
喜欢就支持一下吧
点赞11 分享
评论 共1条

请登录后发表评论