编程练习请老师帮忙完善一下

来源：4-11 编程练习

一娆Hacker

2021-01-23 16:09:45

html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>两行三列网页布局</title>
    <link rel="stylesheet" href="Box-practice.css">
</head>
    <div id="father">

        <div id="div1">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg">
            <p>欢迎来到慕课网学习知识！</p>
        </div>


        <div id="div2">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg">
<!--            <label>欢迎来到慕课网学习知识！</label>-->
            <p>欢迎来到慕课网学习知识！</p>
        </div>
        <div id="div3">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg">
<!--            <label>欢迎来到慕课网学习知识！</label>-->
            <p>欢迎来到慕课网学习知识！</p>
        </div>
        <div id="div4">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe9770001e63102400135.jpg">
<!--            <label>欢迎来到慕课网学习知识！</label>-->
            <p>欢迎来到慕课网学习知识！</p>
        </div>
        <div id="div5">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe97d00011bda02400135.jpg">
<!--            <label>欢迎来到慕课网学习知识！</label>-->
            <p>欢迎来到慕课网学习知识！</p>
        </div>
        <div id="div6">
            <img src="http://img1.sycdn.imooc.com\/climg/590fe982000150ba02400135.jpg">
<!--            <label>欢迎来到慕课网学习知识！</label>-->
            <p>欢迎来到慕课网学习知识！</p>
        </div>

    </div>

</body>
</html>

css

#father{
    /*background-color: yellow;*/
    width: 1000px;
    margin: 0px auto;

    padding-left: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;

}
 #father div{
    margin: 10px 10px;
    float: left;
    outline: 1px dotted;
}
p{
    margin: 0px ;
    text-align: center;
    text-indent:0.3em;
    box-sizing:border-box;
}