我这个有问题吗

来源:3-6 编程练习

M灬spirit

2020-01-17 20:34:50

<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;
            }
            li{
                width:200px;height:50px;background-color:yellow;
                /*样式补充*/
                margin-top:80px;
                margin-left:40px;
                
            }
        </style>
    </head>
    <body>
        <ul>
            <li>HTML</li>
            <li>CSS</li>
            <li>JavaScript</li>
        </ul>
    </body>
</html>


写回答

2回答

好帮手慕酷酷

2020-01-18

同学你好,按照老师之前的修改,HTML的上面就是80px,因为同学设置ul的内上边距为40px,再加上li的外上边距40px,一共就是80px。

具体如下:

http://img.mukewang.com/climg/5e22c467093f142f08070449.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

好帮手慕酷酷

2020-01-18

同学你好,代码完成的不错,但还有一点小问题,根据题目要求设置列表项li之间的距离应该为40px,所以应该将li列表项之间的margin-top设置为40px

具体如下:

http://img1.sycdn.imooc.com/climg/5e226b4009542d1b03850365.jpg

http://img1.sycdn.imooc.com/climg/5e226c71094f0d2e05400139.jpg

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!


0
h灬spirit
h 那那个80px是设置哪里?
h020-01-18
共1条回复

0 学习 · 9666 问题

查看课程