3-2编程练习 帮忙看看哪里还需改进
来源：3-2 编程练习
简单的自己
2017-07-08 17:13:58
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
*{
margin:0;
padding:0;
}
.div{
width:900px;
height:auto;
}
.div1,.div2,.div3{
width:240px;
height:auto;
border:1px solid #ccc;
float:left;
margin-right: 10px;
}
.div1 p,.div2 p,.div3 p,.div4 p,.div5 p,.div6 p{
padding: 5px 0 5px 5px;
}
.div4,.div5,.div6{
margin-top: 10px;
width:240px;
height:auto;
border:1px solid #ccc;
float:left;
margin-right: 10px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="div">
<div class="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div2"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p></div>
<div class="div3"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p></div>
<div class="div4"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p></div>
<div class="div5"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p></div>
<div class="div6"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p></div>
</div>
</body>
</html>
1回答
-
怎么都被占用了呢
2017-07-08
这样会更完美
，756是这么计算出来的：（240+2+10）*30
相似问题