美文网首页
二阶段day3(作业)

二阶段day3(作业)

作者: 我才是鳄鱼宝宝 | 来源:发表于2018-10-31 20:55 被阅读0次
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title></title>
        <style type="text/css">
        
        </style>
    </head>
    <body>
        <div style="float: right;" >
            <img src="img/QQ截图20181031200008.png" >
            
        </div>
        <div style="height: 50px; background-color: white;width: 100%;">
            <img src="img/QQ截图20181031195907.png" >
        </div>
        
                                
        
        
        
        <div style="height: 20px; background-color: red;width: 10%;float: left;" >小胖</div>
        <div style="height: 20px; background-color: aqua;width: 30%;float: left;">小胖</div>
        <div style="height: 20px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
        <div style="height: 20px; background-color: aqua;width: 10%;float: left;">小胖</div>
        <div style="height: 20px; background-color: darkblue;width: 20%;float: left;">小胖</div>
        <div style="height: 300px; background-color: fuchsia;width: 100%;background: url(img/u=2057648350,679364698&fm=26&gp=0.jpg)no-repeat;background-size:1000px ;">
            <img src="img/QQ截图20181031193741.png"style="position:relative; top:80px;" > 
            <img src="img/QQ截图20181031203250.png" style="position:relative; top:150px;right: -500px;">
        
        
        </div>
        
        <div style="height: 100px; background-color: red;width: 30%;float: left;" >小胖</div>
        <div style="height: 100px; background-color: aqua;width: 30%;float: left;">小胖</div>
        <div style="height: 100px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
        <div style="height: 100px; background-color: aqua;width: 10%;float: left;">小胖</div>
            
        <div style="height: 50px; background-color: white;width: 100%;float: left;" >小胖</div>
        <div style="height: 100px; background-color: red;width: 20%;float: left;" >小胖</div>                 
        <div style="height: 100px; background-color: aqua;width: 50%;float: left;">小胖</div>
        <div style="height: 100px; background-color: chocolate;width: 30%;float: left;" >小胖</div>
             
        
        
        
        
        
    
    </body>
</html>

显示结果

QQ截图20181031205654.png

相关文章

网友评论

      本文标题:二阶段day3(作业)

      本文链接:https://www.haomeiwen.com/subject/rbzatqtx.html