css选项和JavaScript选项中间的距离不应该是80px吗？怎么还是40px？
来源：3-6 编程练习
慕粉0597577
2020-02-08 22:51:06
<!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;
/*padding-left:40px*/;
}
li{
width:200px;height:50px;background-color:yellow;
/*样式补充*/
margin-top:40px;
margin-left:40px;
margin-bottom: 40px;
}
</style>
</head>
<body>
<ul>
<li >HTML</li>
<li >CSS</li>
<li >JavaScript</li>
</ul>
</body>
</html>
1回答
-
好帮手慕酷酷
2020-02-09
同学你好，代码编写的不错，这里css选项和JavaScript选项中间的距离为40px的原因是，因为margin可以理解为两个元素之间的外边距，这里设置margin-top和margin-bottom为40px，就会产生重合的效果，因为margin-top表示JavaScript选项距离CSS选项部分为40px，margin-bottom也表示CSS选项部分距离JavaScript选项为40px。所以最终距离为40px。
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0
相似问题