代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
#screen{
background-color: gainsboro;
/*width: 500px;*/
height: 900px;
}
#d1{
position: relative;
margin-left:80px ;
margin-top:20px ;
float: left;
width: 20%;
height: 340px;
/*border: 3px solid black;*/
/*background-color: white;*/
}
#d2{
position: relative;
margin-left:85px ;
margin-top:20px ;
float: left;
width: 25%;
height: 340px;
/*border: 3px solid black;*/
background-color: white;
}
#d3{
position: relative;
margin-left:20px ;
margin-top:20px ;
float: left;
width: 25%;
height: 340px;
/*border: 3px solid black;*/
background-color: white;
}
#d4{
position: relative;
margin-left:80px ;
margin-top:20px ;
float: left;
width: 25%;
height: 340px;
/*border: 3px solid black;*/
background-color: white;
}
#d5{
position: relative;
margin-left:20px ;
margin-top:20px ;
float: left;
width: 25%;
height: 340px;
/*border: 3px solid black;*/
background-color: white;
}
#d6{
position: relative;
margin-left:20px ;
margin-top:20px ;
float: left;
width: 25%;
height: 340px;
/*border: 3px solid black;*/
/*background-color: white;*/
}
.c1{
text-align: center;
}
#pic1{
position: absolute;
top: -25px;
left: 20px;
}
</style>
</head>
<body>
<div id="screen">
<h2 align="center">—— 居家优品 ——</h2>
<div id="d1">
<div style="
position: relative;
float: left;
width: 87%;
height: 86%;
padding: 20px;
border: 3px solid black;">
<img id="pic1" src="img/img1.jpg"
style="position: relative;
float: left;"/>
</div>
</div>
<div id="d2" >
<span>家电馆</span>
<img src="img/img0.jpg"/>
<span>家电好物节</span>
<div class="c1">
<img src="img/img2.jpg"/>
<img src="img/img3.jpg"/>
<img src="img/img4.jpg"/>
</div>
</div>
<div id="d3">
<span>我爱我家</span>
<img src="img/img0.jpg"/>
<span>品质生活家</span>
<div class="c1">
<img src="img/img5.jpg"/>
<img src="img/img6.jpg"/>
<img src="img/img7.jpg"/>
</div>
</div>
<div id="d4">
<p>芝华仕旗舰店</p>
</div>
<div id="d5">
<p>大爱多肉萌萌多肉</p>
</div>
<div id="d6">
<div style="
position: relative;
float: left;
width: 87%;
height: 86%;
padding: 20px;
border: 3px solid black;">
</div>
</div>
</div>
</div>
</body>
</html>
网友评论