前端（04 HTML知识）
2018-08-09 本文已影响0人
周肸
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
*{
margin: 0
}
.box{
width: 100%;
height: 166px;
background-color: #708090;
}
.box1{
width: 100%;
height: 30px;
background-color: #696969;
}
.box2{
width: 1200px;
height: 45px;
background-color: #FF6347;
margin: auto;
}
.box3{
width: 1200px;
height: 535px;
background-color: #4682B4;
margin: auto;
margin: 30px auto;
}
.box4{
width: 1200px;
height: 50px;
background-color: red;
margin: auto;
margin: 30px auto;
}
.box5{
width: 1200px;
height: 60px;
background-color: red;
margin: auto;
margin: 50px auto;
}
.box6{
width: 1200px;
height: 425px;
background-color: #800080;
margin: auto;
}
.box7{
width: 280px;
height: 425px;
background-color: blue;
margin: auto;
float: left;
/*margin: 20px auto;*/
}
.box8{
width: 280px;
height: 425px;
background-color: blue;
float: auto;
margin: auto;
}
.box9{
width: 267px;
height: 425px;
background-color: blue;
float: right;
}
</style>
</head>
<body>
<div class="box">
<div class="box1"></div>
</div>
<div class="box2"></div>
<div class="box3"></div>
<div class="box4"></div>
<div class="box5"></div>
<div class="box6">
<div class="box7"></div>
<div class="box9"></div>
<div class="box8"></div>
</div>
</body>
</html>
image.png
