老师麻烦检查一下对不对
来源：3-4 编程练习
可怜虫小姜
2020-05-23 23:08:28
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
*{margin: 0;
padding: 0;
}
p{padding: 4px;}
.box{
width: 786px;
border: 1px dashed black;
overflow: hidden;
}
.one{
margin: 10px;
border: 1px solid #f2f2f2;
float: left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="box">
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="clear"></div>
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="one">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
同学你好，根据效果图，代码中存在的问题如下：
1、小盒子两边的间距需要一致。
建议：为大盒子添加内边距。
具体参考如下：
2、小盒子边框颜色较浅，深一点效果更好看。
参考如下：
如果我的回答帮助了你，欢迎采纳。祝学习愉快~
1
相似问题