麻烦老师帮我看一下代码以及代码的实现是否正确

来源:3-24 编程练习

努力学习的小张

2020-09-25 20:30:51

<!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-top:80px;

                margin-bottom:40px;

                margin-left:40px;

                

            }

        </style>

    </head>

    <body>

        <ul>

            <li>HTML</li>

            <li>CSS</li>

            <li>JavaScript</li>

        </ul>

    </body>

</html>


写回答

1回答

好帮手慕码

2020-09-26

同学你好,代码实现的有问题。第一个li距离顶部应该是80px,建议修改:

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

如果我的回答帮到你,欢迎采纳,祝学习愉快~

0

0 学习 · 40143 问题

查看课程