.li1的margin-top应该设为多少px?
来源:3-24 编程练习
qq_鸭绿桥第一帅哥_0
2018-10-30 19:41:14
.li1的margin-top: 80px;是不是应该改成margin-top: 40px; 为什么?
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>e</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{margin-top: 80px; margin-bottom: 40px; margin-left: 40px;} .li2{margin-top: 40px; margin-bottom: 40px; margin-left: 40px;} .li3{margin-top: 40px; margin-left: 40px;} </style> </head> <body> <ul> <li class="li1">HTML</li> <li class="li2">CSS</li> <li class="li3">JavaScript</li> </ul> </body> </html>
1回答
你好同学 , .li1的margin-top是要改成margin-top: 40px , 因为代码中li的父元素ul设置了padding-top:40px ,而根据本练习要求 ,第一个黄色盒子距离粉色的顶部80px , 所以只要再给第一个li设置margin-top:40px即可 , 如下所示 :
希望解答了你的疑惑 , 祝学习愉快 ,望采纳
相似问题