麻烦老师检查
来源：3-4 编程练习
blanolic
2020-08-13 00:21:02
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 此处编写样式 -->
<style type="text/css">
*{
margin: 0;
padding-left: 0;
}
.container{
width: 786px;
border: 1px solid lightgray;
overflow: hidden;
margin: 0 auto;
zoom:1;
}
.container .p1{
border: 1px solid lightgray;
margin: 10px;
float: left;
}
.container .p1 p{
text-align:center;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="p1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="p1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="p1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="p1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="p1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="p1">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕星星
2020-08-13
同学你好，小盒子之间的间距是小盒子与边界间距的2倍
而效果图中间距都是相等的。可以给大盒子设置相同的padding值，参考
祝学习愉快！
0
相似问题