3-17作业这样写可以吗

来源:3-24 编程练习

qq_偶鸡桑_03648845

2017-09-12 19:12:55

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

                /*样式补充*/

                

                

            }

            .one{margin-top:40px;margin-left:40px;}

            .two{margin-top:40px;margin-left:40px;}

            .three{margin-top:40px;margin-left:40px;}

        </style>

    </head>

    <body>

        <ul>

            <li class="one">HTML</li>

            <li class="two">CSS</li>

            <li class="three">JavaScript</li>

        </ul>

    </body>

</html>


写回答

1回答

樱桃小胖子

2017-09-12

效果实现的可以,但是建议简化代码:

.one,.two,.three{margin-top:40px;margin-left:40px;}

 /*.two{margin-top:40px;margin-left:40px;}

.three{margin-top:40px;margin-left:40px;}*/

希望可以帮到你!


0

0 学习 · 36712 问题

查看课程