烦请老师检查一下～

来源：3-6 编程练习

PPJZKJ

2020-02-18 17:39:02

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>margin外边距</title>
        <style type="text/css">
            * {
                margin: 0;
                padding: 0;
             }
            ul{
                list-style:none;
                width:300px;
                height:400px;
                background-color:pink;
                padding-top:40px;
                /*box-sizing:border-box;*/  //老师您好想问一下这里的内边距需要设定减去一个框吗，感觉加上这行代码下面才不会多出来一个40px
            }
            li{
                width:200px;
                height:50px;
                background-color:yellow;
                /*样式补充*/
                margin:40px 40px;   //感觉和父元素之间的距离和其他列表项的距离都属于外边距，我这样写合理吗？
                
            }
        </style>
    </head>
    <body>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </body>
</html>

写回答

1回答