虽然效果出来了，可是我感觉写法上问题还是很大，想问问还有哪些需要完善的地方呢？

来源：4-11 编程练习

tttjh_

2021-02-18 21:53:20

相关代码：

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">
         #max {
         width: 800px;
         height: 400px;
         border-style: dotted;
         }
         #a{
         float: left;
         margin-top: 20px;
         margin-left: 20px;
         margin-bottom: 20px;
         vertical-align: bottom;
         outline: 1px dotted;

         }
         p{
         margin-top: 0px;
         margin-bottom: 0px;

         }
        </style>
</head>
<body>   
        <!-- 此处写代码 -->   
        <div id="max">
         <div id="a">
         <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
         <div id="a">
         <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
         <div id="a">
         <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
         <div id="a">
         <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
         <div id="a">
         <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
         <div id="a">
         <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
         <p>欢迎来到慕课网学习新知识！</p>
         </div>
        </div> 
</body>
</html>