免费空间-免费资源分享网站移动版
织梦模板 |
您的位置: 首页 > 免费教程 >

织梦模板怎么设置背景颜色

作者:免费空间 发布时间:2019-04-29
摘要:方法 1、首先制作网站背景图片,这个建议找一些大尺寸的图片。(本图仅限测试使用) 2、通过FTp工具链接到网站的空间,找到dedecms网站的模版文件templets。找到模版目录下的模版样式

方法

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的宽度


标签: 织梦模板
相关推荐
免费空间声明:
(一) 由于各方面情况的调整与变化,本网所提供的考试信息仅供参考,敬请以权威部门公布的正式信息为准。
(二) 本网注明来源为其他媒体的稿件均为转载稿,免费转载出于非商业性学习目的,版权归原作者所有。如有内容、版权等问题请在30日内与本网联系。联系方式:邮件 jiansou123#126.com
最近更新
网站地图 | XML地图 | 标签
版权所有 © 2005-2022 free.kaoshi86.com 免费空间 All Rights Reserved
本网站所有信息全是来源于互联网,如有侵权请来电咨询! 粤ICP备15072123号