.li1的margin-top应该设为多少px?

来源:3-24 编程练习

qq_鸭绿桥第一帅哥_0

2018-10-30 19:41:14

.li1的margin-top: 80px;是不是应该改成margin-top: 40px; 为什么?

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>e</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;
                /*样式补充*/   
            }
            .li1{margin-top: 80px;
                 margin-bottom: 40px;
                 margin-left: 40px;}
            .li2{margin-top: 40px;
                 margin-bottom: 40px;
                 margin-left: 40px;}
            .li3{margin-top: 40px;
                 margin-left: 40px;}
        </style>
    </head>
    <body>
        <ul>
            <li class="li1">HTML</li>
            <li class="li2">CSS</li>
            <li class="li3">JavaScript</li>
        </ul>
    </body>
</html>


写回答

1回答

好帮手慕夭夭

2018-10-31

你好同学 , .li1的margin-top是要改成margin-top: 40px , 因为代码中li的父元素ul设置了padding-top:40px ,而根据本练习要求 ,第一个黄色盒子距离粉色的顶部80px , 所以只要再给第一个li设置margin-top:40px即可 , 如下所示 :

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

希望解答了你的疑惑 , 祝学习愉快 ,望采纳

0

0 学习 · 36712 问题

查看课程