<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
body{
background-color: lightgrey;
}
#top1{
height: 80px;
text-align: center;
line-height: 80px;
}
.mid1{
float: left;
}
.mid2{
float: left;
background-color: white;
margin-left: 30px;
margin-right: 15px;
}
.mid2_1{
margin-top: 10px;
margin-left: 20px;
}
.mid2_2{
float: left;
margin-left: 20px;
margin-top: 10px;
margin-right: 20px;
}
.mid2_3{
float: left;
margin-left: 20px;
margin-top: 15px;
margin-bottom: 20px;
}
.mid2_4{
float: left;
margin-left: 10px;
margin-top: 15px;
margin-bottom: 20px;
}
.mid3{
float: left;
background-color: white;
}
.bottom1{
float: left;
}
.bottom1_1{
float: left;
width: 355px;
height: 300px;
background-color: white;
margin-top: 20px;
}
.bottom1_2{
float: left;
width: 389px;
height: 300px;
background-color: white;
margin-top: 20px;
margin-left: 15px;
}
#flag2{
position: fixed;
top: 50%;
left: 91%;
}
</style>
</head>
<body>
<div style="width: 80%;margin-left: 200px;">
<div id="top1">
<font size="6">—— 居家优品 ——</font>
</div>
<div id="flag2">
<img src="img/flag2.png"/>
</div>
<div id="mid">
<div class="mid1">
<img src="img/1_340x420.jpg"/>
</div>
<div class="mid2">
<div class="mid2_1">
<div style="float: left;">
<font size="5">家电管</font>
</div>
<div style="float: left;padding-top: 2px;">
<img src="img/flag1.png"/>
</div>
<div style="float: left; padding-top: 7px;">
<font size="4">家电好物节</font>
</div>
</div>
<div class="mid2_2">
<img src="img/2_350x180.jpg"/>
</div>
<br />
<div class="mid2_3">
<img src="img/3_170x180.jpg"/>
</div>
<div class="mid2_4">
<img src="img/4_170x180.jpg"/>
</div>
</div>
<div class="mid3">
<div class="mid2_1">
<div style="float: left;">
<font size="5">我爱我家</font>
</div>
<div style="float: left;padding-top: 2px;">
<img src="img/flag1.png"/>
</div>
<div style="float: left; padding-top: 7px;">
<font size="4">品质生活家</font>
</div>
</div>
<div class="mid2_2">
<img src="img/5_350x180.jpg"/>
</div>
<br />
<div class="mid2_3">
<img src="img/6_170x180.jpg"/>
</div>
<div class="mid2_4">
<img src="img/7_170x180.jpg"/>
</div>
</div>
</div>
<div class="bottom1">
<div class="bottom1_1">
</div>
<div class="bottom1_2">
</div>
<div class="bottom1_2">
</div>
</div>
</div>
</body>
</html>
居家优品.png
