标签：png 分享 lin href wan bsp 技术分享 body auto
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>??</title>
<link rel="stylesheet" type="text/css" href="../static/mox.css">
</head>
<body>
<div >
<div class="img">
<a href=""><img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ></a>
<div class="desc" ><a href="www.gzcc.cn" >秒速五厘米</a></div>
</div>
<div class="img">
<a href=""><img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ></a>
<div class="desc"><a href="www.4399.com" >秒速五厘米</a></div>
</div>
</div>
<div class="cleaerfloat">
<img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ><br>
<img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ><br>
<img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ><br>
<img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" ><br>
<img src="http://att.bbs.duowan.com/forum/201602/26/160915qtq52bq2qqz0za9s.jpg" >
</div>
</body>
</html>>
img{
width:500px;
}
.img{
border: 1px solid #ccc;
width: 200px;
float: left;
margin:5px;
}
div.desc{
text-align: center;
padding: 5px;
}
div.img img{
width: 100%;
height: auto;
}
div.img:hover{
border: 1px solid #000000;
}
.cleaerfloat{
clear:both;
}
标签：png 分享 lin href wan bsp 技术分享 body auto
原文地址：http://www.cnblogs.com/zheng01/p/7698419.html
