3-4 编程练习作业提交
来源：3-4 编程练习
MiMicccc
2020-08-29 18:14:48
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>float</title>
<style>
* {
margin: 0;
padding: 0;
}
.container {
margin: 0 auto;
width: 786px;
padding:10px;
border: 1px dashed #ddd;
overflow: hidden;
}
.list {
margin: 10px;
width: 240px;
border: 1px solid #CCCCCC;
float: left;
}
.list p {
padding: 4px;
font-size: 17px;
}
</style>
</head>
<body>
<div class="container">
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div><div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div><div class="list">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>写回答
1回答
-
同学你好，代码实现的是正确的。继续加油，祝学习愉快~
0
相似问题