3-18编程练习

来源：3-24 编程练习

lijikai1937

2017-11-30 07:39:30

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>margin外边距</title>
        <style type="text/css">
        *{
            margin:0px;
        }
            ul{
                list-style:none;width:300px;height:400px;
                background-color:pink;
                padding-top:40px;//
            }
            li{
                margin-top:40px;//这里直接这么写就可以保证左边也是40px了
                width:200px;height:50px;background-color:yellow;
                /*样式补充*/
                
                
            }
        </style>
    </head>
    <body>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </body>
</html>

这里直接写margin-top之后在浏览器中显示的距离左边就已经是40px还需要再重新限制左边的举例吗？这里分明没有限定过左边的距离？是这种样式自带的吗？

写回答

2回答