<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8"/>
<title></title>
<style type="text/css">
*{margin: 0;
padding: 0;}
.outer{
width: 960px;
height: 269px;
background-color: azure;
border: 1px solid #a1a1a1;
margin: 100px auto 0;
}
.box{width: 920px;
height: 219px;
border-top: 1px solid #a1a1a1;
margin: 0 auto;
}
p{margin-left: 20px;
font: bold 18px "微软雅黑";
color:#000;
padding: 12.5px;
}
.pic1{padding: 20px 12.5px 0px 0px;}
.pic2{padding: 20px 12.5px 0px 12.5px;}
.pic3{padding: 20px 0px 0px 12.5px;}
.pic4{padding: 25px 12.5px 38px 0px;}
.pic5{padding: 25px 12.5px 38px 12.5px;}
.pic6{padding: 25px 0px 38px 12.5px;}
</style>
</head>
<body>
<div class="outer">
<p>图片展示</p>
<div class="box">
<img class = "pic1" src="goods.jpg" alt="图片">
<img class = "pic2" src="goods.jpg" alt="图片">
<img class = "pic2" src="goods.jpg" alt="图片">
<img class = "pic2" src="goods.jpg" alt="图片">
<img class = "pic3" src="goods.jpg" alt="图片">
<img class = "pic4" src="goods.jpg" alt="图片">
<img class = "pic5" src="goods.jpg" alt="图片">
<img class = "pic5" src="goods.jpg" alt="图片">
<img class = "pic5" src="goods.jpg" alt="图片">
<img class ="pic6" src="goods.jpg" alt="图片">
</div>
</div>
</body>
</html>
特征布局4.html.png
网友评论