麻烦老师帮忙批改一下,谢谢。

来源:2-14 编程练习

Chris__Duan

2019-11-19 22:09:57

<!DOCTYPE html>

<html>

<head>

  <meta charset="UTF-8">

  <title></title>

  <style type="text/css">

    /*此处写代码*/

    *{

        padding:0;

        margin:0;

    }

    

    img{

        display:block;

    }

    

    .top{

        width:1200px;

        height:601px;

        background:#ADD8E6;

        margin:0 auto;

    }

    

    .top .left{

        width:360px;

        height:215px;

        float:left;

        margin:193px 160px;

    }

    

    .top .right{

        width:360px;

        height:214px;

        float:right;

        margin:193px 0;

        margin-right:160px;

    }

    

    .bottom{

        width:1200px;

        height:200px;

        background:#FFB6C1;

        margin:0 auto;

    }

    

    .bottom .one{

        width:200px;

        height:60px;

        float:left;

        margin:70px 150px;

    }

    

    .bottom .two{

        width:200px;

        height:60px;

        float:left;

        margin:70px 0;

    }

    

    .bottom .three{

        width:200px;

        height:60px;

        float:left;

        margin:70px 150px;

    }

  </style>

</head>

<body>

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

  <div class="top">

      <div class="left">

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

      <div class="right">

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

  </div>

  <div class="bottom">

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

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

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

  </div>

</body>

</html>


写回答

1回答

好帮手慕糖

2019-11-20

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

0

0 学习 · 40143 问题

查看课程