请问这样有什么需要改进的吗

来源: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

同学你好,复制运行贴出代码运行效果没有问题,实现了题目要求的浮动效果,很棒呐,继续加油 祝:学习愉快~

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

0

0 学习 · 9666 问题

查看课程