10/20

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="../static/css/css.css">
</head>
<body>
    <div class="recommend">
        <div class="img">
            <a href="http://image.so.com/"><img src="http://p2.so.qhimgs1.com/t01a1f2ba760e206aae.jpg"></a><br>
            <div class="desc"><a href="http://image.so.com/">校园风光</a></div>
        </div>
        <div class="img">
            <a href="https://www.so.com/?src=hao_360so_button&ls=0"><img src="http://p0.so.qhimgs1.com/sdr/631_900_/t019bfbaf620b36dcac.jpg"></a><br>
            <div class="desc"><a href="https://www.so.com/?src=hao_360so_button&ls=0">书香校园</a></div>
        </div>
        <div class="img">
            <a href="http://www.gzcc.cn/"><img src="http://p1.so.qhimgs1.com/sdr/1350_900_/t016afc48eccac4151d.jpg"></a><br>
            <div class="desc"><a href="http://www.gzcc.cn/">校园新闻</a></div>
        </div>
        <div class="img">
            <a href="http://news.gzcc.cn/html/meitishijie/"><img src="http://p3.so.qhimgs1.com/sdr/599_900_/t0106efe9a2c3b47b73.jpg"></a><br>
            <div class="desc"><a href="http://news.gzcc.cn/html/meitishijie/">校园媒体</a></div>
        </div>
    </div>
    <div class="clearfloat">
        <img src="http://p2.so.qhimgs1.com/t01a1f2ba760e206aae.jpg"><br>
        <img src="http://p0.so.qhimgs1.com/sdr/631_900_/t019bfbaf620b36dcac.jpg"><br>
        <img src="http://p1.so.qhimgs1.com/sdr/1350_900_/t016afc48eccac4151d.jpg"><br>
        <img src="http://p3.so.qhimgs1.com/sdr/599_900_/t0106efe9a2c3b47b73.jpg"><br>
    </div>

</body>
</html>

img{
     width: 300px;
     height: 300px;

        }
 div.img{
     border: 1px solid #ccc;
     width: 280px;
     float: left;
     margin: 5px;
 }
 div.img img{
     width:100%;
 }
 div.img{
     text-align: center;
     padding: 5px;
 }
 div.img:hover{
     border:1px solid #FFA500;
 }
 div.clearfloat{
     clear: left;
 }

相关阅读:
由AbstractQueuedSynchronizer和ReentrantLock来看模版方法模式
Java并发编程-CAS
Java并发编程-volatile
Java并发编程-synchronized
学习几个协议
邻接矩阵存储简单路径(1070)
输出利用先序遍历创建的二叉树的层次遍历序列(0980)
中缀表达式转换为后缀表达式(1042)
特定字符序列的判断(1028)
舞伴问题(1027)

原文地址：https://www.cnblogs.com/chenyanxi123/p/7698233.html