请问一下还有什么需要改进的谢谢老师

来源：3-4 编程练习

慕设计3517557

2019-04-04 11:18:02

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>浮动实现两行三列</title>
  <style type="text/css">
   *{
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
   }
   .container{
    height: 100%;
    width: 100%;
    background-color: lightblue;
    border: dashed;
   }
   .div1 {
    height: 50%;
    width: 100%;
    background-color: white;
    overflow: hidden;
   }
   .picone{
    height: 60%;
    width: 25%;
    float: left;
    margin-top: 4%;
    margin-left: 6%;
   }
   .pictwo{
    height: 60%;
    width: 25%;
    float: left;
    margin-top: 4%;
    margin-left: 6%;
   }
   .picttre{
    height: 60%;
    width: 25%;
    float: left;
    margin-top: 4%;
    margin-left: 6%;
   }
   p{
    width: 99%;
    height: auto;
    font-family:"微软雅黑";
    font-size: 30px;
    border: solid lightgray;
   }
  </style>
 </head>
 <body>
  <div class="container">
    <div class="div1">
     <div class="picone">
      <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
     <div class="pictwo">
      <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
     <div class="picttre">
      <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
    </div>
    <div class="div1">
     <div class="picone">
      <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
     <div class="pictwo">
      <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
     <div class="picttre">
      <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />
      <p>欢迎来到慕课网学习新知识</p>
     </div>
    </div>
  </div>
 </body>
</html>

写回答

1回答