如题所述
<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 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这样是纵向平铺
你可以分别试一下这几个效果 就能明白怎么回事了.
温馨提示:答案为网友推荐,仅供参考
第1个回答 2013-07-29
在网页的顶部和底部的div中添加样式{ background: url(图片路径) no-repeat;},如果图片不重复出现就写no-repeat;如果想让图片横向重复就写 repeat-x,竖线重复就写 repeat-y;,这样就可以了
第2个回答 2013-07-29
直接新建一个div层,在DreamweaverCS5中,选择菜单→布局对象→ APDiv选项你点击这个选项创建一个div层,直接在这个div层中插入你要插入的图片,在div层中,鼠标要放在这个div框里面,然后执行插入菜单中的图片命令选择你的网站站点目录下的图片就可以啦,其实div层也可以插入swf的flash视频动画
第3个回答 2015-08-21
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里面全屏铺满。
<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里面全屏铺满。
第4个回答 2013-07-29
<div>
<div style=“background:url(img/bg.jpg);”>顶部</div>
<div>中间</div>
<div style=“background:url(img/bg.jpg);”>底部</div>
</div>
<div style=“background:url(img/bg.jpg);”>顶部</div>
<div>中间</div>
<div style=“background:url(img/bg.jpg);”>底部</div>
</div>