织梦模板怎么设置背景颜色
推荐于2016-04-18 · 知道合伙人数码行家
知道合伙人数码行家
向TA提问 私信TA
方法
1、首先制作网站背景图片,这个建议找一些大尺寸的图片。(本图仅限测试使用)
2、通过FTp工具链接到网站的空间,找到dedecms网站的模版文件templets。找到模版目录下的模版样式文件。如果使用的是默认模版,文件在templets/default/style/dedecms.css文件
如果使用的是其他模版,那就看下网页源代码中最上面那部分有行:<link href="xxxxxxx" rel="stylesheet" media="screen" type="text/css" />其中的xxxxxx就是目标css位置。
3、使用nopepad文件编辑工具打开模版下的dedecms.css样式文件。
将
html{ background:#FFF;}body{ font:12px Verdana,Arial,Tahoma;}
更改为如下代码:
html {
background-image: url("../images/bj.jpg");
text-align: center;
}
body {
background: #FFF;
font: 12px Verdana,Arial,Tahoma;
margin: 0 auto;
text-align: left;
width: 970px;
}
4、然后保存,通过FTP工具重新上传至网站模版目录,然后打开网站首页就可以看到网站已经有了背景图片了。
从这两个图就可以看到背景图片已经添加成功了。
代码解释:
background-image为背景图片
url("../images/bj.jpg") 为背景图片路径
text-align: center; 为居中
background: #FFF; 设置body的背景色
font: 12px Verdana,Arial,Tahoma; 字体设置
margin: 0 auto; 声明外边距属性
text-align: left; 位置为居左
width: 970px; body的宽度
2024-07-20 广告