演示代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" type="text/css" href="reset.css"/>
<style type="text/css">
ul{width: 860px;height: 280px;background-color: #ccc;margin: 50px auto;}
ul .one{width: 200px;height: 280px;}
ul .two{width: 200px;height: 130px;}
ul li{float: left;margin: 0 20px 20px 0;}
ul li img{width: 100%;height: 100%;}
</style>
</head>
<body>
<ul>
<li class="one"><img src="jd1.png" ></li>
<li class="one"><img src="jd2.png" ></li>
<li class="two"><img src="jd3.png" ></li>
<li class="two" style="margin-right: 0;"><img src="jd4.png" ></li>
<li class="two"><img src="jd5.png" ></li>
<li class="two" style="margin-right: 0;"><img src="jd6.png" ></li>
</ul>
</body>
</html>