老师，请帮忙看一下为什么做出来是这种效果，调半天调不好。谢谢！
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
#div0{
border: 1px grey dashed;
width: 750px;
height: 360px;
margin: 10px 5px;
float: left;
}
#div1{
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float:left;
}
#div2{
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float: left;
}
#div3{
margin-top: 5px;
margin-left: 5px;
margin-bottom: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float: left;
}
#div4{
margin-left: 5px;
margin-right: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float: left;
}
#div5{
margin-left: 5px;
margin-right: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float: left;
}
#div6{
margin-left: 5px;
margin-right: 5px;
text-align: center;
line-height: 1px;
border:1px grey solid;
float: left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="div0">
<div id="div1">
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div2">
<img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div3">
<img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div4">
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div id="div5">
<img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
<div id="div6"></div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 218 份
- 解答问题 3562 个
本阶段带你用Python开发一个网站，学习主流框架Django+Flask是Python Web开发的第一步，在基础知识上实现积分商城的项目开发，体验真实的项目开发流程，提高解决编程问题和效率的能力。
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星