请看下我的代码哪里不满足要求？
来源：4-11 编程练习
慕UI9436362
2020-11-12 22:48:44
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码，切记添加代码注释（请勿截图）
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
.div-small {
border: 1px solid grey;
background-color:blue;
float:left;
margin-top:8px;
margin-bottom:0px;
margin-right:10px;
padding:0px,0px;
}
.box-big {
background-color:green;
width:800px;
}
p {
line-height:1.5em;
margin-top:0px;
margin-bottom:0px;
padding-left:8px;
}
</style>
</head>
<body>
<div class="box-big">
<div id="div1" class="div-small">
<img id="img1" src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" /> <!-- 此处写代码 -->
<p>欢迎来到慕课网学习</p>
</div>
<div id="div2" class="div-small">
<img id="img2" src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />
<p>欢迎来到慕课网学习</p>
</div>
<div id="div3" class="div-small">
<img id="img3" src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />
<p>欢迎来到慕课网学习</p>
</div>
<div id="div4" class="div-small">
<img id="img1" src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" /> <!-- 此处写代码 -->
<p> 欢迎来到慕课网学习 </p>
</div>
<div id="div5" class="div-small">
<img id="img2" src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" />
<p>欢迎来到慕课网学习</p>
</div>
<div id="div6" class="div-small">
<img id="img3" src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" />
<p>欢迎来到慕课网学习</p>
</div>
</div>
</body>
</html>
在这里输入代码，可通过选择【代码语言】突出显示
1回答
-
同学你好，同学的整体效果实现了，但是题目中效果是6个小模块周围使用一圈虚线来包裹，同学并没有实现
建议同学给最外面大的div设置一个虚线边框，并给每个小div设置margin；如下
建议将背景色删除，并且设置padding属性时，两个0px中间是没有逗号分隔的
祝学习愉快
0
相似问题