<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>大疆(DJI)无人机</title>
<link rel="stylesheet" type="text/css"href="../static/css/wh.css">
</head>
<body>
<div>
<div class="img">
<a href="http://www.dji.com/cn">
<img src="https://img14.360buyimg.com/n7/jfs/t5977/17/185587587/108108/247ade15/5925b821N32b8bb9a.jpg"></a>
<div class="desc"><a href="http://www.dji.com/cn">大疆“晓”Spark</a></div>
</div>
<div class="img">
<a href="http://www.dji.com/cn">
<img src="https://img10.360buyimg.com/n7/jfs/t3232/65/6215650755/81612/3a052265/58a27e59N05fb5fc2.jpg" ></a>
<div class="desc"><a href="http://www.dji.com/cn">大疆“精灵”Phantom</a></div>
</div>
<div class="img">
<a href="http://www.dji.com/cn">
<img src="https://img14.360buyimg.com/n7/jfs/t4012/34/459557656/48075/11cf82d3/584fcc5cN056eb123.jpg" ></a>
<div class="desc"><a href="http://www.dji.com/cn">大疆“御”Mavic Pro</a></div>
</div>
<div class="img">
<a href="http://www.dji.com/cn">
<img src="https://img10.360buyimg.com/n7/jfs/t2278/130/1443161174/71119/87b96780/565edd23N23d203bc.jpg"></a>
<div class="desc"><a href="http://www.dji.com/cn">大疆“悟”Inspire</a></div>
</div>
</div>
<div class="clearfloat">
<img src="https://img14.360buyimg.com/n7/jfs/t5977/17/185587587/108108/247ade15/5925b821N32b8bb9a.jpg">
<img src="https://img10.360buyimg.com/n7/jfs/t3232/65/6215650755/81612/3a052265/58a27e59N05fb5fc2.jpg">
<img src="https://img14.360buyimg.com/n7/jfs/t4012/34/459557656/48075/11cf82d3/584fcc5cN056eb123.jpg">
<img src="https://img10.360buyimg.com/n7/jfs/t2278/130/1443161174/71119/87b96780/565edd23N23d203bc.jpg">
</div>
</body>>
img{
width: 250px;
height: 250px;
}
div.img{
border: 1px solid black;
width: 300px;
height: 300px;
float: left;
margin: 5px;
}
div.img img{
width: 100%;
height: 80%;
}
div.desc{
text-align: center;
padding: 5px;
}
div.img:hover{
border: 2px solid cornflowerblue;
}
.clearfloat{
clear:both;
}