体系课

回到首页 个人中心 反馈问题 注册登录
下载APP
首页 课程 实战 体系课 手记 专栏 慕课教程

3-17这样是否正确？

来源：3-24 编程练习

梧桐呓语

2017-07-24 21:50:07

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title>margin外边距</title>

        <style type="text/css">

            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-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回答

好帮手慕糖

2017-07-25

你好，因为ul元素设置了padding-top:40px;若li1还设置margin-top:80px;的话，那么距顶部的距离就会是40+80=120px;

这里li1的置margin-top值可设置为40px;那么所有的li样式相同，可直接写为如下形式；

li{
  width:200px;height:50px;
  background-color:yellow;
  margin-top:40px;
  margin-left:40px;
}

祝学习愉快！

0

0 学习 · 36712 问题

查看课程

相似问题

老师，请问这样写正确吗

回答 1

3-11的代码是否正确

回答 1

3-30是不是没有正确答案？

回答 1

看看是否正确

回答 1

3-17这样写对吗？

回答 1

打开慕课网App查看更多内容