黄冈中学首页的模板简图
<style type="text/css">
#header{
width:1004px;
height:30px;
background-color:#CCC;
border-bottom:1px solid #999;
}
#top{
height:82px;
width:1004px;
border-bottom:5px solid #F60;
border-top:2px solid #F60;
background-color:#06C;}
#top1{
height:122px;
width:1004px;
border-bottom:3px solid #06C;
background-color:#F66;}
#content{
width:1004px;}
#left{
width:200px;
border:1px solid #666;
float:left;}
#dl{
height:150px;
background-color:#F63;}
#left1{
height:708px;
background-color:#CCC;}
#zhong{
width:500px;
border-top:#CCC 7px solid;
margin:1px;
float:left;
}
#z1{
height:156px;
width:479px;
margin:0 auto;
background-color:#CCF;
border-bottom:#F63 solid 2px;}
#z2{
height:77px;
width:479px;
margin:0 auto;
background-color:#C9C;
border-bottom:#F63 solid 2px;}
#z3{
height:195px;
width:479px;
margin:0 auto;
background-color:#FF9;
border-bottom:#F63 solid 2px;}
#z4{
height:172px;
width:479px;
margin:0 auto;
background-color:#FCF;
border-bottom:#666 solid 1px;}
#z5{
height:187px;
width:485px;
margin:0 auto;
margin-top:1px;
background-color:#FCC;
border:#CCC solid 1px;}
#z6{
height:29px;
width:479px;
margin:0 auto;
background-color:#FCF;
border-bottom:#666 solid 1px;}
#z7{
height:67px;
width:485px;
margin:0 auto;
margin-top:1px;
background-color:#FCC;
border:#CCC solid 1px;}
#right{
width:200px;
background-color:#9FC;
border:#666 solid 1px;
}
#dl1{
height:150px;
background-color:#F63;}
#right1{
height:708px;
background-color:#CCC;}
#zx{
width:888px;
height:573px;
margin-left:20px;
background-color:#fff;
border:#999 solid 1px}
#zx1{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;}
#zx2{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;
}
#zx3{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;
}
#zx4{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;
}
#zx5{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;
}
#zx6{
height:282px;
width:288px;
border:#CCC solid 1px;
margin:2px;
background-color:#CFF;
float:left;
}
#bottom{
width:1004px;
height:40px;
border-top:#999 solid 1px;
}
#bottom1{
width:1004px;
height:58px;
border-bottom:#F63 solid 6px;
background-color:#06F;
}
</style>
</head>
<body>
<div id="header"></div>
<div id="top"></div>
<div id="top1"></div>
<div id="content">
<div id="left">
<div id="dl">中学课堂</div>
<div id="left1">名师寄语</div>
</div>
<div id="zhong">
<div id="z1"></div>
<div id="z2"></div>
<div id="z3"></div>
<div id="z4"></div>
<div id="z5"></div>
<div id="z6"></div>
<div id="z7"></div>
</div>
<div id="right">
<div id="dl1">小学课堂</div>
<div id="right1"></div>
</div>
<div id="zx">
<div id="zx1"></div>
<div id="zx2"></div>
<div id="zx3"></div>
<div id="zx4"></div>
<div id="zx5"></div>
<div id="zx6"></div>
</div>
</div>
<div id="footer">
<div id="bottom"></div>
<div id="bottom1"></div>
</div>
</body>
