分享你我的心得.
共乘一片美好网络.

网站头部背景代码

打开网站后台的源代码,加入下面代码即可:
方法一:在网页<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(你的头部背景图片地址); 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;背景图片水平和垂直都拉伸)
赞(0)
未经允许不得转载:小叶白龙博客 » 网站头部背景代码
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址