请老师帮忙看看代码实现

来源:2-14 编程练习

慕莱坞4341820

2019-08-12 22:58:17

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    .container{

        width: 100%;

        height:1000px;

    }

    .top{

        width:100%;

        background-color:#ADD8E6;

        overflow:hidden;

        zoom:1;

    }

    .top-child{

        display:inline-block;

        width: 35%;

        padding:2% 0 2% 10%;

    }

    .bottom{

        width:100%;

        background-color:#FFB6C1;

    }

    .bottom-child{

        display:inline-block;

        width:20%;

        padding:2% 0 2% 10%;

        

    }

  </style>

</head>

<body>

  <!-- 此处写代码 -->

  <div class="container">

      <div class="top">

          <img src="http://climg.mukewang.com/58c0f808000129a303600215.jpg" class="top-child">

          <img src="http://climg.mukewang.com/58c0f819000198a703600214.jpg" class="top-child">

      </div>

      <div class="bottom">

          <img src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg" class="bottom-child">

          <img src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg" class="bottom-child">

          <img src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg" class="bottom-child">

      </div>

  </div>

</body>

</html>


写回答

1回答

好帮手慕嘟嘟

2019-08-13

同学你好,

老师运行了你的代码,效果是正确的,继续努力哦~

如果还有疑惑,可以在问答区再次提问,我们会继续为你解答的。

如果我的回答帮助了你欢迎采纳,祝学习愉快~


0

0 学习 · 40143 问题

查看课程