演示代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="reset.css"/>
        <style type="text/css">
            ul{width: 860px;height: 280px;background-color: #ccc;margin: 50px auto;}
            ul .one{width: 200px;height: 280px;}
            ul .two{width: 200px;height: 130px;}
            ul li{float: left;margin: 0 20px 20px 0;}
            ul li img{width: 100%;height: 100%;}
        </style>
    </head>
    <body>
        <ul>
            <li class="one"><img src="jd1.png" ></li>
            <li class="one"><img src="jd2.png" ></li>
            <li class="two"><img src="jd3.png" ></li>
            <li class="two" style="margin-right: 0;"><img src="jd4.png" ></li>
            <li class="two"><img src="jd5.png" ></li>
            <li class="two" style="margin-right: 0;"><img src="jd6.png" ></li>
        </ul>
    </body>
</html>
打开支付宝首页搜“559920739”领红包,领到大红包的小伙伴赶紧使用哦! (如果你觉得本文不错,请扫描下面二维码随意打赏哦)
最后修改:2020 年 09 月 17 日
如果觉得我的文章对你有用,请随意赞赏