.li1的margin-top应该设为多少px?
来源:3-24 编程练习
qq_鸭绿桥第一帅哥_0
2018-10-30 19:41:14
.li1的margin-top: 80px;是不是应该改成margin-top: 40px; 为什么?
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>e</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{margin-top: 80px;
margin-bottom: 40px;
margin-left: 40px;}
.li2{margin-top: 40px;
margin-bottom: 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回答
你好同学 , .li1的margin-top是要改成margin-top: 40px , 因为代码中li的父元素ul设置了padding-top:40px ,而根据本练习要求 ,第一个黄色盒子距离粉色的顶部80px , 所以只要再给第一个li设置margin-top:40px即可 , 如下所示 :

希望解答了你的疑惑 , 祝学习愉快 ,望采纳
相似问题