请老师帮忙检查下是否正确
来源：3-4 编程练习
慕侠635704
2019-10-15 22:48:02
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<title>浮动编程练习</title>
<meta charset="utf-8"/>
<style type="text/css">
*{margin:0;padding:0;}
.all{
width:786px;
border:1px #dedede dashed;
padding:10px;
margin:0 auto;
overflow:hidden;
zoom:1;
}
.one,.two,.three,.four,.five,.six{
width:240px;
border:1px #dedede solid;
margin:10px;
float:left;
}
p{
text-align:center;
padding-bottom:5px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="all">
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><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回答
-
你好同学，效果实现的正确，很棒哦！ 继续加油，祝学习愉快。
0
相似问题