标签：images set adf ext class order service bsp 技术
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>广州商学院</title>
<base target="_blank">
<link rel="stylesheet "type="text/css"href="20.css" >
</head>
<body>
<div>
<div class="img ">
<a href="http://www.gzcc.cn/" >
<img src="http://www.gzcc.cn/2016/images/yhdh/01.jpg" ></a>
<div class="desc"><a href="http://www.gzcchttp://www.gzcc.cn/html/xueyuanrongyu/.cn/" >学校荣誉</a>
</div>
</div>
</div>
<div class="img ">
<a href="http://www.gzcc.cn/" >
<img src="http://www.gzcc.cn/2016/images/yhdh/02.jpg" ></a>
<div class="desc"><a href="http://www.gzcc.cn/html/banxuechengguo/" >师生获奖</a>
</div>
</div>
<div class="img ">
<a href="http://www.gzcc.cn/" >
<img src="http://www.gzcc.cn/2016/images/yhdh/03.jpg" ></a>
<div class="desc"><a href="http://www.gzcc.cn/html/xygk/ldgh/" >领导关怀</a>
</div>
</div>
<div class="img ">
<a href="http://www.gzcc.cn/" >
<img src="http://www.gzcc.cn/2016/images/yhdh/08.jpg" ></a>
<div class="desc"> <a href="http://i.gzcc.cn/cas/login?service=http%3A%2F%2Fi.gzcc.cn%2Fdcp%2Findex.jsp" >数字广商</a>
</div>
</div>
<div class="img ">
<a href="http://www.gzcc.cn/" >
<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/" >
<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="clearfloat">
<img src="http://oa.gzcc.cn/uploadfile/2014/0612/20140612091824240.jpg">
</div>
</body>
</html>
.img{
border:1px solid rgba(16, 16, 5, 0.93);
width:300px;
height:200px;
float:left;
margin:5px;
}
.img img{
width:100%;
height:160px;
}
.aa {
text-align: center;
padding: 6px;
}
.img:hover{
border:1px solid #22e219;
}
.clearfloat {
width: 600px;
height:400px;
clear: both;
}
标签：images set adf ext class order service bsp 技术
原文地址：http://www.cnblogs.com/loe0506/p/7700928.html
