请老师检查谢谢
来源：3-24 编程练习
weixin_慕粉7014616
2019-12-26 21:19:10
<!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;
/*样式补充*/
margin-top:80px;
margin-bottom:40px;
margin-left:40px;
}
</style>
</head>
<body>
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>
</body>
</html>
1回答
-
同学你好，使用同学提供的代码测试，是不符合要求的，如下：
要求是第一个li元素，距离上方是80px，同学的是120px（li的margin-top，再加上ul的padding-top，80+40 = 120），同学的效果图如下：
建议：给li的margin-top修改为40px
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
