CSS+DIV网页布局（黄冈网校首页布局）示例代码_html/css_WEB-ITnose

无标题文档

#main,#header,#banner,#content,#container,#footer{
background-color:#399;
width:1003px;
border:1px solid red;
}
#main{
width:1003px;
height:29px;
}
#header{
width:1003px;
height:75px;
}
#banner{
width:1003px;
height:129px;
}
#content{
width:1003px;
height:904px;
}
#left{
width:199px;
height:904px;
float:left;
background-color:#096;
}
#left1{
width:199px;
height:173px;
}
#left2{
width:199px;
height:71px;
}
#left3{
width:199px;
height:206px;
}
#left4{
width:199px;
height:338px;
}
#left5{
width:199px;
height:116px;
}
#center{
background-color:#336;
border:1px solid blue;
float:left;
width:501px;
height:904px;
}
#center1{
height:158px;
width:501px;
}
#center2{
width:501px;
height:77px;
}
#center3{
width:501px;
height:194px;
}
#center4{
width:501px;
height:151px;
}
#center5{
width:501px;
height:217px;
}
#center6{
width:501px;
height:107px;
}
#right{
width:300px;
height:906px;
background-color:#339;
float:right;
}
#right1{
width:300px;
height:173px;
}
#right2{
width:300px;
height:62px;
}
#right3{
width:198px;
height:147px;
}
#right4{
width:198px;
height:68px;
}
#right5{
width:198px;
height:59px;
}
#right6{
width:198px;
height:71px;
}
#right7{
width:198px;
height:267px;
}
#right8{
width:198px;
height:57px;
}

#container1{
width:310px;
height:288px;
float:left;
background-color:#069;
}
#container2{
width:298px;
height:288px;
float:left;
background-color:#069;
}
#container3{
width:395px;
height:288px;
float:left;
background-color:#069;
}
#container4{
width:310px;
height:287px;
float:left;
background-color:#069;
}
#container5{
width:298px;
height:287px;
float:left;
background-color:#069;
}
#container6{
width:395px;
height:287px;
float:left;
background-color:#069;
}
#footer{
width:1003px;
height:97px;
background-color:#336;
}

太奇教育

查看更多关于CSS+DIV网页布局（黄冈网校首页布局）示例代码_html/css_WEB-ITnose的详细内容...