安装dedecms模板后,如何dedecms添加背景图片?-文件夹背景

首先准备一个适合做背景图片的图片,可以百度网站背景图片,选取一张背景图片,下载到桌面,背景图片命名为:bj.webp。然后登陆dedecms后台,点击模模块-点击文件管理器,选取文件管理器中的templets文件夹。

安装dedecms模板后,如何dedecms添加背景图片?

点击进入templets文件夹,点击defalut后进入images文件夹,上传背景图片bj.webp文件。

安装dedecms模板后,如何dedecms添加背景图片? 打开网站首页,按F12调试(1箭头),找到控制首页背景的css样式表,注意找一下控制首页的css样式表的地址。

安装dedecms模板后,如何dedecms添加背景图片?

找到之后是可以查到是样式html{ }在控制首页背景(2箭头),并找到控制首页样式html{ }(3箭头)所在的地址是http://临时域名/dede58/defalut/css/style.css,将鼠标箭头放在箭头3上面就可以显示出控制背景div的css样式。找到这个路径的地址,去找这个控制的文件style.css,在这个文件中找到html{ } 将html{ }中的内容删除,将以下代码加入其中,第一个是背景图片地址 第二个是图片位置居中显示 第三个是图片不重复 第四个图片设置固定 background-image:URL(../images/bj.webp); background-position:center; background-repeat:no-repeat; background-attachment:fixed; 截图所示

安装dedecms模板后,如何dedecms添加背景图片?

保存一下,各种生成,即可完成dedecms的背景图片的设置。

推荐阅读