网页

!DOCTYPE html
html
head
meta charset="UTF-8"
title>/title
style type="text/css"
*{margin: 0;padding: 0;}
.top{
margin: 0 auto;
width: 1200px;
height: 24px;
background-color: #0000FF;
}
.main{
margin: 0 auto;
width: 1200px;
height: 672px;
background-color: yellow;
}
.left{
float:left;
width: 87px;
height: 672px;
background-color: red;
}
.right{
float: left;
width: 1113px;
height: 672px;
background-color:#302C48 ;
}
.righttop{

width: 1113px;
height: 168px;
background-color: #00BBDD;
}
.righttop-left{
float:left;
width: 408px;
height: 168px;
background-color: #008000;
}
.img03{
width: 408px;
height: 111px;
background-color: #00BBDD;

}
.img05{
width: 408px;
height: 57px;
background-color: fuchsia;
}
.righttop-right{
float:left;
width: 705px;
height: 168px;
background-color: bisque;
}
.rightMain{
width: 1113px;
height: 504px;
background-color: #7FFFD4;
}
.img07{
width: 621px;
height: 419px;
background-color:#0000FF ;
}
.img09{
width: 621px;
height: 85px;
background-color:#302C48;
}
.main01{
float:left;
width: 30px;
height: 504px;
background-color: bisque;
}
.main02{
float:left;
width: 621px;
height: 419px;
background-color: bisque;
}
.main03{
float:left;
width: 462px;
height: 504px;
background-color: darkred;
}