您现在的位置是：首页 - zblog技巧 - 正文

2012春节网站头部背景代码

2012年的春节马上到了，阿东祝大家龙年行大运、新年新气象！

在此阿东把新年网站头部毕竟代码写出来，帮助大家能够给自己小站换上新年网站背景，增加新年气氛。

效果图：

打开网站后台的源代码，加入下面代码即可：
方法一:在网页<head></head>中加入
<style>
body{下面添加以下代码
    background-image:url(你的头部背景图片地址);
    background-repeat:no-repeat; background-position: top center; padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}
</style>
或在所调用的CSS中找到body{}或html{}
如在
body{下面添加以下代码
    background-image:url(你的头部背景图片地址);
    background-repeat:no-repeat; background-position: top center; padding-top:38px;}
.main01{clear:both;width:960px;margin:10px auto 0px auto;overflow:hidden;}
.main01 .left {float: left;width: 300px;}

方法二
在网页合适的地方添加代码
以下是代码片段：
<div style="background:url(<div style="background:url({Stl.SiteUrl}/images/2012ydbj.jpg); background-position:center top; background-repeat: repeat-x;padding-top:38px;">
<div style="HEIGHT: 76px"></div>); background-position:center top; background-repeat: repeat-x;padding-top:38px;">
<div style="HEIGHT: 76px"></div>
</div>

方法三
再网页头部选择部分区域(区域选取必须为通栏平行的矩形块)添加背景，可先找到区域位置所在的html代码，在起始位置加上
在结束位置加上
</div>

（假设代码background-repeat: repeat-y;那么图片垂直拉伸，水平不变。background-repeat: no-repeat；背景图片则按照图片自己的本身大小显示。background-repeat: repeat；背景图片水平和垂直都拉伸）

演示地址：www.sdpld.com

推荐用方法一简单的很。

新年头部网站代码背景源文件：点击下载

能猫企业网络营销顾问-企业网络营销策划，希望能够在zblog博客seo优化中帮到您。