这样写可以吗?

来源:3-6 编程练习

慕网Yellow_Peach

2021-03-28 11:30:56

<!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;

            }

            li{

                width:200px;height:50px;background-color:yellow;

                /*样式补充*/

                margin-left:40px;

                

                

            }

            #li1{

                margin-top:80px;

            }

            #li2{

                margin-top:40px;

            }

            #li3{

                margin-top:40px;

            }

        </style>

    </head>

    <body>

        <ul>

            <li id="li1">HTML</li>

            <li id="li2">CSS</li>

            <li id="li3">JavaScript</li>

        </ul>

    </body>

</html>


写回答

1回答

时间,

2021-03-28

同学,你好!同学的HTML所在div与顶部的距离为120px(ul的padding-top值加li1的margin-top值),不符合题目要求。可以将li1的margin-top值修改为40px即可

http://img.mukewang.com/climg/606000ad094dd95303410132.jpg

祝学习愉快!

0

0 学习 · 3562 问题

查看课程