3-17编程作业写的对吗？
来源：3-29 盒子计算
慕先生8562478
2017-09-11 23:36:25
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>margin外边距</title>
<style type="text/css">
ul{
list-style:none;width:300px;height:400px;
background-color:pink;
padding-top:80px;
margin-left:40px;
}
li{
width:200px;height:50px;background-color:yellow;
margin-left:20px;
}
/*样式补充*/
.html{margin-bottom:40px;}
.css{margin-bottom:40px;}
</style>
</head>
<body>
<ul>
<li class="html">HTML</li>
<li class="css">CSS</li>
<li class="js">JavaScript</li>
</ul>
</body>
</html>写回答
1回答
-
Miss路
2017-09-12
有一点问题，思路有点问题，可以参考下面的写法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>margin外边距</title>
<style type="text/css">
*{padding:0;margin:0;}
ul{list-style:none;width:300px;height:400px;background-color:pink;padding-top:60px;padding-left:40px;}
li{width:200px;height:50px;background-color:yellow;margin-top:20px;}
.html{margin-bottom:40px;}
.css{margin-bottom:40px;}
</style>
</head>
<body>
<ul>
<li class="html">HTML</li>
<li class="css">CSS</li>
<li class="js">JavaScript</li>
</ul>
</body>
</html>
祝学习愉快！
0
相似问题