老师麻烦看一下是否有误,谢谢。

来源:2-14 编程练习

weixin_慕工程1249934

2020-08-10 07:17:25

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    *{padding:0;margin:0;}

    .container{width:1000px;height:500px;

               margin:0 auto;}

    .up{width:100%;height:300px;background:blue;}

    .up-left img{float:left;margin:42.5px 0 0 93px;}

    .up-right{float:right;margin:42.5px 93px 0 0;}

    .down{width:100%;height:200px;background:red;}

    .down-left{float:left;margin:70px 0px 70px 100px;}

    .down-middle{float:left;margin:70px 0px 70px 100px;}

    .down-right{float:right;margin:70px 100px 70px 0px;}

  </style>

</head>

<body>

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

  <div class="container">

  <div class="up">

      <div class="up-left">

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

      </div>

      <div class="up-right">

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

      </div>

  </div>

  <div class="down">

      <div class="down-left">

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

      </div>

      <div class="down-middle">

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

      </div>

      <div class="down-right">

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

      </div>

  </div>

 </div>

</body>

</html>


写回答

1回答

好帮手慕码

2020-08-10

同学你好,代码效果正确。继续加油,祝学习愉快~

0

0 学习 · 40143 问题

查看课程