希望老师帮忙检查一下

来源:3-24 编程练习

慕尼黑2202474

2018-09-22 16:04:23

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

             .li1,.li2,.li3{margin-left:40px;}

            .li1{margin-top:40px;}

            .li2{margin-top:40px;}

            .li3{margin-top: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-09-23

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

测试了你的代码,效果可以实现,可以参考上图所示思路,相同的样式可以写在一起,代码会更加简洁哦~

继续加油!


1

0 学习 · 36712 问题

查看课程