CSS网站布局十步之第三步

第三步:将网站分为五个div,网页基本布局的基础:

1.将“第一步”提到的五个部分都放入盒子中,在html文件中写入:

Example Source Code [www.52css.com]

Main Nav
 
Header
 
Sidebar A
 
Content
 
Footer


2.为了将五个部分区分开来,我们将这五个部分用不同的背景颜色标示出来,在css文件写入:

Example Source Code [www.52css.com]
#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}


  表现如下:

你可能感兴趣的:(web前台)