老师,您检查下是否正确
来源:3-24 编程练习
慕仙8428333
2019-03-16 11:30: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回答
好帮手慕星星
2019-03-17
你好,第一个li元素距离顶部的高度设置错了,ul标签中有padding-top值40px,那么li设置margin-top值为40px即可。下边距也不需要设置,参考修改:
可以重新测试下,祝学习愉快!
相似问题