请老师检查，谢谢！

来源：2-14 编程练习

ChildMu

2020-01-04 22:28:51

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>buju practice</title>
    <style type="text/css">
        *{
            margin: 0;
            padding:0;
            text-align: center;
            border: none;
        }
        .container{
            width: 1200px;
            height: 500px;
            margin:120px auto;
        }
        .top{
            width: 100%;
            height: 350px;
            background-color: #add8e6;
            overflow: hidden;
            zoom:1;
        }
        .footer{
            width: 100%;
            height: 150px;
            background-color: pink;
            overflow: hidden;
            zoom:1;}
        .limg1,.limg2{
            float: left;
            width: 50%;
            padding-top: 47.5px;
            padding-bottom: 47.5px;
        }
        .simg1,.simg2,.simg3{
            width:33%;
            float: left;
            padding-top: 45px;
            padding-bottom: 45px;

        img{
            display: inline;
         }
    </style>
</head>
<body>
    <div class="container">
    <div class="top">
        <div class="limg1"><img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg"></div>
        <div class="limg2"><img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg"></div>
    </div>
    <div class="footer">
        <div class="simg1"><img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"></div>
        <div class="simg2"><img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"></div>
        <div class="simg3"><img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"></div>
    </div>
    </div>
</body>
</html>

写回答

1回答