<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>广商</title>
<link rel="stylesheet"type="text/css"href="../static/css/0082.css">
</head>
<body>
<div>
<div class="img">
<a href="http://www.gzcc.cn/html/xygk/xiaoyuanfengguang/">
<img src="http://www.gzcc.cn/2016/images/yhdh/05.jpg"></a>
<div class="desc"><a href="http://www.gzcc.cn/html/xygk/xiaoyuanfengguang/">校园风光</a></div>
</div >
<div class="img">
<a href=http://www.gzcc.cn/quanjingxiaoyuan/tour.html">
<img src="http://www.gzcc.cn/2016/images/yhdh/07.jpg"></a>
<div class="desc"><a href="http://www.gzcc.cn/quanjingxiaoyuan/tour.html">全景校园</a></div>
</div>
<div class="img">
<a href="http://www.gzcc.cn/html/shipinxiaoyuan/">
<img src="http://www.gzcc.cn/2016/images/yhdh/06.jpg"></a>
<div class="desc"><a href="http://www.gzcc.cn/html/shipinxiaoyuan/">视频校园</a></div>
</div>
<div class="img">
<a href="http://www.gzcc.cn/html/xiaoyoufengcai/">
<img src="http://www.gzcc.cn/2016/images/yhdh/04.jpg"></a>
<div class="desc"><a href="http://www.gzcc.cn/html/xiaoyoufengcai/">校友风采</a></div>
</div>
</div>
<div class="clearfloat">
<img src="http://www.gzcc.cn/2016/images/yhdh/05.jpg">
<img src="http://www.gzcc.cn/2016/images/yhdh/05.jpg">
<img src="http://www.gzcc.cn/2016/images/yhdh/05.jpg">
<img src="http://www.gzcc.cn/2016/images/yhdh/05.jpg">
</div>
</body>
</html>
img{
300px;
}
div.img{
border:1px solid #cccccc;
180px;
float:left;
margin:5px;
}
div.img img{
100%;
height:auto;
}
div.desc{
text-align:center;
padding:5px;
}
.clearfloat{
clear:both;
}
