请帮忙检查一下
来源：3-4 编程练习
慕后端9221755
2019-11-13 17:11:32
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="utf-8"/>
<title>3-4作业</title>
<style>
*{margin:0;
padding:0;}
.main{padding:10px;
width:786px;
border:1px #d6d6d6 dashed;
overflow:hidden;
}
.one,.two,.three,.four,.five,.six{border:1px #d6d6d6 solid;
width:240px;
margin:10px;
float:left;
}
p{padding:2px 5px;}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="main">
<div class="one">
<span><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/></span>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="two">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="three">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="four">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="five">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="six">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/>
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
好帮手慕码
2019-11-13
同学你好，效果实现的是可以的。但是布局上有一些啰嗦，建议优化：
css中：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题