梦芭莎---简单布局
2018-11-21 本文已影响0人
BaiBao丶
主页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>梦芭莎</title>
<link rel="stylesheet" type="text/css" href="css/梦芭莎.css">
</head>
<body>
<div class="header">
<div class="header1"></div>
<div class="header2"></div>
<div class="header3"></div>
<div class="header4"></div>
</div>
<div class="header5"></div>
<div class="header6"></div>
<div class="header7"></div>
<div class="header8"></div>
<div class="header9"></div>
<div class="header10"></div>
<div class="header11"></div>
<div class="header12"></div>
<div class="header13"></div>
<div class="header14"></div>
<div class="header15"></div>
<div class="header16"></div>
<div class="header17"></div>
<div class="header18"></div>
<div class="header19"></div>
<div class="header21"></div>
<div class="header22"></div>
<div class="header23"></div>
<div class="header24"></div>
<img src="img/123.png width=1515px height=403px">
</body>
</html>
样式
*{
padding:0;
margin: 0;
}
.header{
width:1519.2px;
height:270px;
background-color:red;
}
.header1{
width:1519.2px;
height:35px;
background-color:black;
}
.header2{
width:1200px;
height:48px;
background-color:#019e8b;
margin:0 auto;
}
.header3{
width:1200px;
height:48px;
background-color:#ffaaaa;
margin:0 auto;
}
.header4{
width:1200px;
height:124px;
background-color:#aaffaa;
margin:0 auto;
margin-top:10px;
}
.header5{
width:1200px;
height:35.6px;
background-color:aqua;
margin-left:160px;
}
.header6{
width: 1200px;
height: 1191px;
background-color: #019e8b;
margin: 0 auto;
}
.header7 {
width: 1200px;
height: 755px;
background-color:#c0c0c0;
margin: 0 auto;
}
.header8 {
width: 1200px;
height: 506px;
background-color:#ffff00;
margin: 0 auto;
}
.header9 {
width: 1200px;
height: 680px;
background-color:#6495ed;
margin: 0 auto;
}
.header10{
width: 1200px;
height: 410px;
background-color:#ffaaaa;
margin: 0 auto;
}
.header11 {
width: 1200px;
height: 1162px;
background-color:#666666;
margin: 0 auto;
}
.header12 {
width: 1200px;
height: 1151px;
background-color:#ffaaaa;
margin: 0 auto;
}
.header13 {
width: 1200px;
height: 1212px;
background-color:#019e8b;
margin: 0 auto;
}
.header14 {
width: 1200px;
height: 1703px;
background-color:#ffff00;
margin: 0 auto;
}
.header15 {
width: 1195px;
height: 155px;
background-color:#6495ed;
margin: 0 auto;
}
.header16 {
width: 1195px;
height: 1439px;
background-color: #666666;
margin: 0 auto;
}
.header17 {
width: 1195px;
height: 1328px;
background-color: #cc0000;
margin: 0 auto;
}
.header18 {
width: 1195px;
height: 1353px;
background-color:#000000;
margin: 0 auto;
}
.header19 {
width: 1195px;
height: 803px;
background-color:#ffaaaa;
margin: 0 auto;
}
.header20 {
width: 1195px;
height: 1237px;
background-color:#019e8b;
margin: 0 auto;
}
.header21 {
width: 1195px;
height: 1355px;
background-color:#6495ed;
margin: 0 auto;
}
.header22 {
width: 1195px;
height: 176px;
background-color: #666666;
margin: 0 auto;
}
.header23 {
width: 1195px;
height: 44px;
background-color:#cc0000;
margin: 0 auto;
}
.header24 {
width: 1195px;
height: 739.567px;
background-color:#ffaaaa;
margin: 0 auto;
}
