3-20正确吗

来源:3-30 选择题

世界补丁

2017-11-23 10:53:41

<!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-bottom: 40px;}
            .li2{margin-bottom: 40px;}
            .li3{margin-bottom: 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-11-23

你好,3-20是选择题呀,你说的是3-18的编程题吗?这里有以下问题:

1、这里的边距不是自己设置的是由于li本身的内外边距引起的,所以这里要去除内外边距,例:

*{
   margin:0;
   padding: 0;
}

2、第一个元素据顶部的距离是80px,ul中设置了40px;li中还需要这种40px,其他(第二、第三)li元素直接也是40px;据左侧又是40px;所以这里不需要分开来设置,可统一设置,例:

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

祝学习愉快~

0

0 学习 · 36712 问题

查看课程