请看下还有需要优化的地方吗
来源:4-12 编程练习
weixin_慕设计9597346
2020-03-31 15:38:07
<html>
<head>
<meta charset="UTF-8">
<title>float</title>
<style>
#div0{
margin: 10px,10px,10px,10px;
width:800px;
height: 377px;
border: 1px gray dotted;
}
#div1{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
#div2{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
#div3{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
#div4{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
#div5{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
#div6{
border: 1px gray solid;
float:left;
margin-left: 20px;
margin-top: 20px;
}
</style>
</head>
<body>
<div id="div0">
<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
<div id="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
<div id="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
<div id="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
<div id="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
<div id="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br />
欢迎来到慕课网学习新知识!
</div>
</div>1回答
同学你好,复制运行贴出代码运行效果没有问题,实现了题目要求的浮动效果,很棒呐,继续加油
祝:学习愉快~
相似问题