老师请帮忙检查
来源:3-4 编程练习
qq_慕容254374
2020-03-08 23:35:37
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0px;padding:0px;}
.two{
overflow:hidden;
}
.four{
}
.two .three{
margin:10px;
border:1px solid red;
float:left;
}
.four .four1{
border:1px solid red;
margin:10px;
float:left;
}
</style>
<!-- 此处编写样式 -->
</head>
<body>
<div class="one">
<div class="two">
<div class="three">
<div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="three">
<div>
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="three">
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
<div class="four">
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
<div class="four1">
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/></div>
<p>欢迎来到慕课网学习新知识</p>
</div>
</div>
</div>
<!-- 此处写代码 -->
</body>
</html>
1回答
好帮手慕言
2020-03-09
同学你好,最外层元素是有边框的,同学没有设置,建议:设置边框,另外:元素距离父级之间的距离也应该是一样的,建议:给父级设置padding属性,属性值与子元素的margin相同,代码如下:
如果我的回答帮到了你,欢迎采纳,祝学习愉快~
相似问题