请老师看下代码，是否需要修改或优化

来源：4-11 编程练习

慕婉清2005302

2020-09-05 03:18:57

<!DOCTYPE html>
<html>
<head>
        <!-- 此处编写样式 -->
        <style type="text/css">
        #div1{
            width:803px;
            height:392px;
            box-sizing: border-box;
            margin: 20px 20px;
            padding: 20px;
            outline: 0.5px dashed;
        }
        #div1-2{
            float:left;
            height: 165px;
            outline: 0.5px solid;
        }
        #div1-3{
            height: 165px;
            float:left;
            margin-left: 20px;
            outline: 0.5px solid;
        }
        #div1-4{
            height: 165px;
            float:left;
            margin-left: 20px;
            outline: 0.5px solid;
        }
        #div1-5{
            height: 165px;
            float:left;
            margin-top: 20px;
            outline: 0.5px solid;
        }
        #div1-6{
            height: 165px;
            float:left;
            margin-top: 20px;
            margin-left: 20px;
            outline: 0.5px solid;
        }
        #div1-7{
            height: 165px;
            float:left;
            margin-top: 20px;
            margin-left: 20px;
            outline: 0.5px solid;
        }
        lable{
            text-align:justify;
        }
            
        </style>
</head>
<body>   
        <!-- 此处写代码 --> 
        <div id="div1">
            <div id="div1-2">
                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
            <div id="div1-3">
                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
            <div id="div1-4">
                <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
            <div id="div1-5">
                <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
            <div id="div1-6">
                <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
            <div id="div1-7">
                <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br>
                <lable>欢迎来到慕课网学习新知识！</lable>
            </div>
        </div>
        
</body>
</html>

写回答

1回答