Question

怎么用DIV在网页的顶部和底部各加一张背景图片？？

Answer 1

<div class="header"></div>
<div class="footer"></div>
<style>
.header{ background:url(头部图片) no-repeat left top; height:100px;}
.footer{ background:url(底部图片) no-repeat left top; height:100px;}
</style>

建议这样写 不要直接写在div里面

因为以后做网站的话用div+css这两种语言配合用

不乱而且修改起来也方便也利于搜索引擎

.header是指头部 .footer是指底部 直接把图片地址写上就行了

no-repeat  这里是指不重复 repeat-x这样是横向平铺  repeat-y这样是纵向平铺

你可以分别试一下这几个效果 就能明白怎么回事了.

Answer 2

在网页的顶部和底部的div中添加样式｛ background: url(图片路径) no-repeat；｝，如果图片不重复出现就写no-repeat;如果想让图片横向重复就写 repeat-x,竖线重复就写 repeat-y;，这样就可以了

Answer 3

直接新建一个div层，在DreamweaverCS5中，选择菜单→布局对象→ APDiv选项你点击这个选项创建一个div层，直接在这个div层中插入你要插入的图片，在div层中，鼠标要放在这个div框里面，然后执行插入菜单中的图片命令选择你的网站站点目录下的图片就可以啦，其实div层也可以插入swf的flash视频动画

Answer 4

1、直接分别建立两个div，分别给div添加背景图片的样式即可，例如：

<div class="top">顶部</div>
.......中间有很多内容
<div class="foot">底部</div>

建立css规则：
.top{ width:100%; height:100px; background:url(top.jpg) no-repeat;}
.foot{ width:100%; height:100px; background:url(foot.jpg) repeat-x;}

2、注意结合切出来的背景图片，选择平铺方式，是原图展示还是横向铺满，还是纵向铺满，还是div里面全屏铺满。

Answer 5

<div>
<div style=“background:url(img/bg.jpg);”>顶部</div>

<div>中间</div>
<div style=“background:url(img/bg.jpg);”>底部</div>
</div>