div+css如何布局

1、新建一个html页面。如图：

3、创建style标签用于设置css样式。在title标签下创建一个style标签，然后为header类设置di即枢潋雳v的高、背景颜色样式。 效果如图：代码：<style type="text/css"> .header{ background-color: #fca600; height: 100px; }</style>

5、设置底部footer的样式。在style标签里添加footer类样式的背景颜色和高度。效果如图：设置代码：.footer{ background-color: #ffbf00; border-top:1px solid #f4f5f5; height: 100px; }

7、在浏览器上看到div标签和浏览器存在一些空白的像素，为了去掉这些空白的像素我们需要把body标签设置外边框。如图：设置代码：body{ margin:0; }