有需要優化的地方嗎~

来源:4-11 编程练习

慕桂英0504842

2020-06-25 16:44:05

<!DOCTYPE html>
<html lang="en">

<head>
    <!-- 此处编写样式 -->
    <style>
        .div1 {
            width: 808px;
            border: 1px dashed rgb(184, 184, 184);
            float: left;
            padding-bottom: 20px;
            padding-left: 20px;
            box-sizing: border-box;
        }

        .div2 {
            float: left;
            border: 1px solid rgb(184, 184, 184);
            margin: 20px 20px 0px 0px;
        }

        img {
            vertical-align: bottom;
        }

        p {
            margin-left: 5px;
            line-height: 0px;
        }
    </style>
</head>

<body>
    <!-- 此处写代码 -->
    <div class="div1">
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
        <div class="div2">
            <img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
            <p>歡迎來慕課網學習新知識</p>
        </div>
    </div>
</body>

</html>


写回答

1回答

好帮手慕小尤

2020-06-25

已完成练习,并不需要优化,棒棒哒!继续加油!

祝学习愉快!

0

0 学习 · 16556 问题

查看课程