有些小问题
来源：4-11 编程练习
水果大王
2020-05-29 17:43:33
老师，我这样写的代码有问题吗？
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- 此处编写样式 -->
<style type="text/css">
.content{
height:470px;
border:1px dashed #223e1e5c;width:810px;
}
.div1{
float:left;
margin-top: 20px;
margin-left: 25px;
border:1px solid #223e1e5c;
}
.div2{
float:left;
margin: 20px 20px;
border:1px solid #223e1e5c;
}
.div3{
float:left;
margin-top: 20px;
border:1px solid #223e1e5c;
}
.div4{
float:left;
margin-top: 20px;
margin-left: 25px;
border:1px solid #223e1e5c;
}
.div5{
float:left;
margin: 20px 20px;
border:1px solid #223e1e5c;
}
.div6{
float:left;
margin-top: 20px;
border:1px solid #223e1e5c;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="content">
<div class="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
1回答
-
同学，你好。同学的代码实现了相应效果，没问题的，加油哦！祝学习愉快~~~~
0
相似问题