老师检查一下
来源：4-11 编程练习
Deity_zc
2020-07-30 23:51:59
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="utf-8">
<title>浮动</title>
<style type="text/css">
#d{
width: 770px;
height: 367px;
outline: 1.4px dashed #82827c3d;
padding: 20px;
}
#d div{
float: left;
border: 1px solid #82827c3d;
}
#d .div1{
margin-right: 20px;
}
#d #d1,#d2,#d3{
margin-bottom: 20px;
}
p{
margin-left: 4px;
line-height: 0px;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div id="d">
<div class="div1" id="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div1" id="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div id="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div1">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div>
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
同学你好，已完成练习，棒棒哒！继续加油！
如果我的回答解决了你的疑惑，请采纳，祝学习愉快~
0
相似问题