老师检查下，顺便解答下注释

来源：4-12 编程练习

罗杰明

2020-01-04 16:42:57

<!DOCTYPE html>
<html>
<head>
    <mate charset="UTF-8">
    <title>网站测试</title>
    <style type="text/css">
        .div1{
   width:900px;
   height:500px;
   padding-top:30px;
   background-color:white;
}
.div2{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
}
.div3{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
}
.div4{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
}
.div5{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
   margin-top:40px;
}
.div6{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
   margin-top:40px;
}
.div7{
   border:1px solid black;
   width:240px;
   height:180px;
   background-color:white;
   float:left;
   margin-left:40px;
   margin-top:40px;
}
    </style>
</head>
<body>
        <div class="div1">
        <div class="div2"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><p>欢迎来到慕课网</p></div>
        <div class="div3"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><p>欢迎来到慕课网</p></div>
        <div class="div4"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><p>欢迎来到慕课网</p></div>
        <div class="div5"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><p>欢迎来到慕课网</p></div>
        <div class="div6"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><p>欢迎来到慕课网</p></div>
        <div class="div7"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><p>欢迎来到慕课网</p></div>
    </div>
</body>
</html>