aaa
/
index.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style type="text/css">

			#box1{
				height: 300px;
				width: 250px;
				background: red;
				margin: 5px;
				display: inline-block;
				float: left;
			}
			#box4{
				margin-left: 65px;
				margin-top: 20px;
			}
			#box2{
				height: 140px;
				width: 250px;
				background: white;
				margin: 5px;
				display: inline-block;
				float: left;
			}
			#box6{
				height: 145px;
				width: 250px;
				background:white;
				margin: 5px;
				display: inline-block;
				float: left;
			}
			#box3{
				height: 1200px;
				width: 1200px;
				margin-left: 171px;

			}
			#box5{
				margin-top: 20px;

			}
			#box7{
				margin-left: 70px;
			}
			.z{
				padding-left: 10px;

			}
			a{
				display: inline-block;
				font-size: 24px;
				margin-top: 5px;
			}
			img{
				display: inline-block;
			}
			body{
				background:#F0F0F0;
			}
			h1{
				text-align: center;

			}
		</style>
	</head>
	<body>
		<h1>频道广场</h1>
		<div id="box3">
			<div id="box4">
			   <div id="box1">
			   	   <img src="img/1.jpg" width="250px" height="300px"/>
			   </div>
			   <div id="box1">
			   	   <img src="img/2.jpg" width="250px" height="300px"/>
			   </div>
			</div>
			<div id="box5">
				<div id="box6">
					<div class="z">
						<a><b>京东工品购</b></a>
						plus专享福利
				   </div>
				   <img src="img/3.jpg" height="100px" width="120px"/>
				   <img src="img/4.jpg" height="100px" width="120px"/>
				</div>
				<div id="box6">
					<div class="z">
						<a><b>京东京造</b></a>
						京东自有品牌
				   </div>
				   <img src="img/5.jpg" height="100px" width="120px"/>
				   <img src="img/6.jpg" height="100px" width="120px"/>
				</div>
				<div id="box6">
					<div class="z">
						<a><b>智能数码</b></a>
						尽享玩物
				   </div>
				   <img src="img/7.jpg" height="100px" width="120px"/>
				   <img src="img/8.jpg" height="100px" width="120px"/>
				</div>
				<div id="box6">
					<div class="z">
						<a><b>食品饮料</b></a>
						吃货嘉年华
				   </div>
				   <img src="img/9.jpg" height="100px" width="120px"/>
				   <img src="img/10.jpg" height="100px" width="120px"/>
				</div>
			</div>
			<div id="box7">
				<div id="box2">
					<div class="z">
						<a><b>企业购</b></a>
						一站式企业采购平台
				   </div>
				   <img src="img/11.jpg" height="100px" width="120px"/>
				   <img src="img/12.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2">
					<div class="z">
						<a><b>新机发布</b></a>
						有新机更有范
				   </div>
				   <img src="img/13.jpg" height="100px" width="120px"/>
				   <img src="img/14.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2"><div class="z">
						<a><b>电脑办公</b></a>
						科技潮物  惠享不停
				   </div>
				   <img src="img/15.jpg" height="100px" width="120px"/>
				   <img src="img/16.jpg" height="100px" width="120px"/></div>
				<div id="box2">
					<div class="z">
						<a><b>京东国际</b></a>
						一站尽享进口好物
				   </div>
				   <img src="img/17.jpg" height="100px" width="120px"/>
				   <img src="img/18.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2">
					<div class="z">
						<a><b>Joy寻宝</b></a>
						懂你的Joy
				   </div>
				   <img src="img/19.jpg" height="100px" width="120px"/>
				   <img src="img/20.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2">
					<div class="z">
						<a><b>生鲜馆</b></a>
						尝鲜天下鲜
				   </div>
				   <img src="img/21.jpg" height="100px" width="120px"/>
				   <img src="img/22.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2">
					<div class="z">
						<a><b>京东手机</b></a>
						一个极客的诞生
				   </div>
				   <img src="img/23.jpg" height="100px" width="120px"/>
				   <img src="img/24.jpg" height="100px" width="120px"/>
				</div>
				<div id="box2">
					<div class="z">
						<a><b>家装城</b></a>
						用心装好家一站式购齐
				   </div>
				   <img src="img/25.jpg" height="100px" width="120px"/>
				   <img src="img/26.jpg" height="100px" width="120px"/>
				</div>
			</div>

		</div>
	</body>
</html>