一聚教程网:一个值得你收藏的教程网站

热门教程

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

时间:2022-07-02 12:25:20 编辑:袖梨 来源:一聚教程网

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





Content


表现如下:

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

#main-nav {
background: red;

}
#header {
background: blue;

}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;

}

 

热门栏目