[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
首先我们在<body>里添加了需要的<div>
<div>主体
<div>顶部
</div>
<div>内容
</div>
<div>底部
</div>
</div>
我们先从#container加起(为什么要加个#号,不明白的去看手册)。
#container{width:816px;宽度,应该和你切片的时候有所对应
text-align:center;内容居中
margin:0 auto;边框为零。这里要注意的是,要#container居中我们必须设置margin为auto而且父元素(body)为text- align:center;
background:url(skins/dnxh10/cont_bg.jpg) repeat-y;背景路径并以Y方向重复。
height:600px;
}
现在预览一下看看,好像主体出来了。但顶部不是我们想象的那样呀!在#container上不是有三个元素吗,那我们再来定义一下#header和#foot就可以了。#tbody我们可以留空有更大的活动性。
HTML代码