步骤二，练习3-24
来源：3-24 编程练习
慕少7027160
2019-10-23 22:02:21
<!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;
}
.li1{margin-top:80px;margin-bottom:40px;}
li{margin-left:40px;}
.li3{margin-top:40px;}
</style>
</head>
<body>
<ul>
<li class="li1">HTML</li>
<li class="li2">CSS</li>
<li class="li3">JavaScript</li>
</ul>
</body>
</html>
1回答
-
好帮手慕星星
2019-10-24
同学你好，
第一个元素的上边距显示不对：
预留代码中ul元素已经有padding-top为40px了，所以第一个li设置上外边距40px即可，不需要设置80px哦。如下修改：
样式可以全部设置在li中，自己再测试下。
祝学习愉快！欢迎采纳~
0
相似问题