标签：div lang cache .net images es2017 文字 order title
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>img</title> <link rel="stylesheet" type="text/css" href="../static/202.css"> </head> <body> <div> <div class="img"> <a href="http://www.baidu.com"> <img src="http://img1.cache.netease.com/catchpic/B/B4/B40274B00256225201CF6EB88E7009CB.jpg"></a> <div class="desc"><a href="http://www.baidu.com">郑秀晶</a></div> </div> <div class="img"> <a href="http://www.baidu.com"> <img src="http://upload.mnw.cn/2015/0926/1443272585424.jpg"></a> <div class="desc"><a href="http://www.baidu.com">Mike</a></div> </div> <div class="img"> <a href="http://www.baidu.com"> <img src="http://imgcache.cjmx.com/star/201510/20151018145636123.jpg"></a> <div class="desc"><a href="http://www.baidu.com">Angelababy</a></div> </div> <div class="img"> <a href="http://www.baidu.com"> <img src="http://pic.7y7.com/20149/2014090633862861_600x0.jpg"></a> <div class="desc"><a href="http://www.baidu.com">范冰冰</a></div> </div> </div> <div> <img src="http://img1.cache.netease.com/catchpic/B/B4/B40274B00256225201CF6EB88E7009CB.jpg"> <img src="http://upload.mnw.cn/2015/0926/1443272585424.jpg"> <img src="http://imgcache.cjmx.com/star/201510/20151018145636123.jpg"> <img src="http://pic.7y7.com/20149/2014090633862861_600x0.jpg"> </div> </body> </html>
img{
width: 300px;
}
.img{
border:1px solid #FF60AF;
width:180px;
float:left;
margin:3px;
}
.img img{
width:100%;
height:auto;
}
.desc{
text-align:center;
padding:3px;
}
.img:hover{
border:1px solid#8E8E8E;
}
.clearfloat{
clear:both;
}
标签：div lang cache .net images es2017 文字 order title
原文地址：http://www.cnblogs.com/095lqt/p/7700998.html
