<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>游戏中心</title> <link rel="stylesheet" type="text/css" href="../static/css/202.css"> </head> <body> <div> <div class="img"> <a href="http://xyq.163.com/"> <img src="http://p2.so.qhimgs1.com/bdr/_240_/t01f52549dbaa0009e2.jpg"></a> <div class="desc"><a href="http://xyq.163.com/">玩法说明</a></div> </div> <div class="img"> <a href="http://xyq.163.com/"> <img src="http://p2.so.qhimgs1.com/bdr/_240_/t01953c97e81ffda462.jpg"></a> <div class="desc"><a href="http://xyq.163.com/">攻略百科</a></div> </div> <div class="img"> <a href="http://xyq.163.com/"> <img src="http://p4.so.qhimgs1.com/bdr/_240_/t01929434685380e98a.jpg"></a> <div class="desc"><a href="http://xyq.163.com/">原声音乐</a></div> </div> <div class="img"> <a href="http://xyq.163.com/"> <img src="http://p0.so.qhimgs1.com/bdr/_240_/t01cc8b6adc9fb8ae70.jpg"></a> <div class="desc"><a href="http://xyq.163.com/">游戏素材</a></div> </div> </div> <div CLASS="clearfloat"> <img src="http://p2.so.qhimgs1.com/bdr/_240_/t01f52549dbaa0009e2.jpg"> <img src="http://p2.so.qhimgs1.com/bdr/_240_/t01953c97e81ffda462.jpg"> <img src="http://p4.so.qhimgs1.com/bdr/_240_/t01929434685380e98a.jpg"> <img src="http://p0.so.qhimgs1.com/bdr/_240_/t01cc8b6adc9fb8ae70.jpg"> </div> </body> </html>
img{
width:300px;
}
div.img{
border:1px; solid:#cccccc;
width:180px;
float:left;
margin:5px;
}
div.img img{
width:100%;
height:auto;
}
div.desc{
text-align:center;
padding: 5px;
}
div.img:hover{
border: 1px;solid:#777777;
}
.clearfloat{
clear:both;
}