希望老师帮忙检查一下
来源:3-24 编程练习
慕尼黑2202474
2018-09-22 16:04:23
<!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,.li2,.li3{margin-left:40px;}
.li1{margin-top:40px;}
.li2{margin-top: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回答
测试了你的代码,效果可以实现,可以参考上图所示思路,相同的样式可以写在一起,代码会更加简洁哦~
继续加油!
相似问题