老师,帮我检查一下有错误吗?
<!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>
正在回答
同学你好。经测试,同学的代码是正确的。效果理想!
棒棒的~再接再厉哦~,不过同学也可以直接在li的样式中直接添加margin:40px 40px 40px 40px; 这样更方便、简洁呐。
祝学习愉快~
相似问题
登录后可查看更多问答,登录/注册
- 参与学习 人
- 提交作业 676 份
- 解答问题 9666 个
本阶段将从前端网页搭建入手,到Java Web基础,前后端结合助你完成Java Web小白的蜕变!
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星