请看下还有需要优化的地方吗

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

好帮手慕小脸

2020-03-31

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

祝:学习愉快~

0

0 学习 · 9666 问题

查看课程