用css网站布局之十步实录！(三)_DIV+CSS实例
教程Tag：暂无Tag,欢迎添加,赚取U币!
第三步：将网站分为五个div，网页基本布局的基础：
1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入：
2.为了将五个部分区分开来，我们将这五个部分用不同的背景颜色标示出来，在css文件写入：
表现如下：
1.将“第一步”提到的五个部分都放入盒子中，在html文件中写入：
示例代码 [www.mb5u.com]
<div id="page-container">
<div id="main-nav">Main Nav</div>
<div id="header">Header</div>
<div id="sidebar-a">Sidebar A</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
<div id="main-nav">Main Nav</div>
<div id="header">Header</div>
<div id="sidebar-a">Sidebar A</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>
2.为了将五个部分区分开来，我们将这五个部分用不同的背景颜色标示出来，在css文件写入：
示例代码 [www.mb5u.com]
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}
表现如下：
相关DIV+CSS实例：
- 相关链接：
- 教程说明：
DIV+CSS实例-用css网站布局之十步实录！(三)
。