Pjblog模板制作教程 超强推荐(3)


[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我们可以留空有更大的活动性。

Pjblog模板制作教程 超强推荐

HTML代码

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzddxy.html