老师，帮我检查一下有错误吗？
来源：3-6 编程练习
慕先生8145006
2019-08-27 20:18:32
<!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-left: 40px;
}
.num1{
margin-top: 40px;
}
.num2{
margin-top: 40px;
}
.num3{
margin-top: 40px;
}
</style>
</head>
<body>
<ul>
<li class="num1">HTML</li>
<li class="num2">CSS</li>
<li class="num3">JavaScript</li>
</ul>
</body>
</html>
1回答
-
同学你好。经测试，同学的代码是正确的。效果理想！
棒棒的~再接再厉哦~，不过同学也可以直接在li的样式中直接添加margin:40px 40px 40px 40px; 这样更方便、简洁呐。
祝学习愉快~
0
相似问题