请老师检查一下代码是否需要修改

来源:2-14 编程练习

慕桂英2021900

2019-08-01 10:54:01

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
        body{margin: 0;padding: 0;}
        .overall{
            width: 1200px;
            height: 600px;
            margin: 0 auto;
            margin-top: 50px;
        }
        .top{
            width: 1200px;
            height: 400px;
            background: #add8e6;
            overflow: hidden;
            padding: 0 20px;
        }
        .top1{
            width: 50%;
            height: 400px;
            float: left;
            background: url(http://climg.mukewang.com/58c0f808000129a303600215.jpg) center no-repeat;
            background-size: 560px 80%;
        }
        .top2{
            width: 50%;
            height: 400px;
            float: right;
            background: url(http://climg.mukewang.com/58c0f819000198a703600214.jpg) center no-repeat;
            background-size: 560px 80%;
        }    
        .bottom{
            width: 1200px;
            height: 200px;
            background: #FF9999 ;
            padding: 0 20px;
        }
        .bottom .bottom1{
            width: 400px;
            height: 200px;
            float: left;
            background: url(http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg) center no-repeat;
            background-size: 360px 80%;
        }
        .bottom .bottom2{
            width: 400px;
            height: 200px;
            float: left;
            background: url(http://climg.mukewang.com/58c0f8220001dfce02000060.jpg) center no-repeat;
            background-size: 360px 80%;
        }
        .bottom .bottom3{
            width: 400px;
            height: 200px;
            float: left;
            background: url(http://climg.mukewang.com/58c0f8780001c74602000060.jpg) center no-repeat;
            background-size: 360px 80%;
        }
    </style>
</head>
<body>
    <div class="overall">
        <div class="top">
            <div class="top1"></div>
            <div class="top2"></div>
        </div>
        <div class="bottom">
            <div class="bottom1"></div>
            <div class="bottom2"></div>
            <div class="bottom3"></div>
        </div>
    </div>
</body>
</html>

写回答

1回答

好帮手慕言

2019-08-01

同学你好,效果实现的很好,不需要修改了,棒棒哒,祝学习愉快~

0

0 学习 · 40143 问题

查看课程