请问这样有什么需要改进的吗
来源:4-12 编程练习
qq_就是这样_1
2019-11-19 17:26:39
<!DOCTYPE html>
<html>
<head>
<title>浮动的其他格式</title>
<style type="text/css">
#bigdiv{
border: 1px dashed grey;
float: left;
}
#div1{float:left;
margin-left:10px;
margin-top:10px;
}
#div2{float:left;
margin-top: 10px;
margin-left: 10px
}
#div3{float:left;
margin-left: 10px;
margin-right: 10px;
margin-top: 10px;
}
#div{
text-align: center;
border: solid 1px grey;
margin-bottom: 10px;
}
p{
margin: 0px;
}
</style>
</head>
<body>
<div id="bigdiv">
<div id="div1">
<div id="div">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
<div id="div">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
</div>
<div id="div2">
<div id="div">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
<div id="div">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
</div>
<div id="div3">
<div id="div">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
<div id="div">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<p>欢迎来到慕客网学习新知识</p>
</div>
</div>
</div>
</body>
</html>1回答
好帮手慕酷酷
2019-11-19
同学你好,复制运行贴出代码运行效果没有问题,实现了题目要求的浮动效果,很棒呐,继续加油 祝:学习愉快~
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
相似问题