day03-作业

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        
        <style type="text/css">
            *{
                margin: 0;
                padding: 0;
            }
            body{
                
                background-color: lightgrey;
            }
            
            #top1{
                height: 80px;
                text-align: center;
                line-height: 80px;
            }
            
            .mid1{
                float: left;
            }
            
            .mid2{
                float: left;
                background-color: white;
                margin-left: 30px;
                margin-right: 15px;
            }
            .mid2_1{
                margin-top: 10px;
                margin-left: 20px;
            }
            .mid2_2{
                float: left;
                margin-left: 20px;
                margin-top: 10px;
                margin-right: 20px;
            }
            .mid2_3{
                float: left;
                margin-left: 20px;
                margin-top: 15px;
                margin-bottom: 20px;
            }
            .mid2_4{
                float: left;
                margin-left: 10px;
                margin-top: 15px;
                margin-bottom: 20px;
            }
            
            .mid3{
                float: left;
                background-color: white;
                
                
            }
            
            .bottom1{
                float: left;
            }
            
            .bottom1_1{
                float: left;
                width: 355px;
                height: 300px;
                background-color: white;
                margin-top: 20px;
            }
            .bottom1_2{
                float: left;
                width: 389px;
                height: 300px;
                background-color: white;
                margin-top: 20px;
                margin-left: 15px;
            }
            
            #flag2{
                position: fixed;
                top: 50%;
                left: 91%;
            }
            
        </style>
        
    </head>
    <body>
        
        <div style="width: 80%;margin-left: 200px;">
            
            <div id="top1">
                <font size="6">——&nbsp;&nbsp;居家优品&nbsp;&nbsp;——</font>
            </div>
            
            <div id="flag2">
            <img src="img/flag2.png"/>
        </div>
            
            <div id="mid">
                <div class="mid1">
                    <img src="img/1_340x420.jpg"/>
                </div>
                
                <div class="mid2">
                    <div class="mid2_1">
                        <div style="float: left;">
                            <font size="5">家电管</font>
                        </div>
                        
                        <div style="float: left;padding-top: 2px;">
                            <img src="img/flag1.png"/>
                        </div>
                        <div style="float: left; padding-top: 7px;">
                            <font size="4">家电好物节</font>
                        </div>
                        
                    </div>
                    
                    <div class="mid2_2">
                        <img src="img/2_350x180.jpg"/>
                    </div>
                    <br />
                    <div class="mid2_3">
                        <img src="img/3_170x180.jpg"/>
                    </div>
                    
                    <div class="mid2_4">
                        <img src="img/4_170x180.jpg"/>
                    </div>
                    
                </div>
                
                <div class="mid3">
                    <div class="mid2_1">
                        <div style="float: left;">
                            <font size="5">我爱我家</font>
                        </div>
                        
                        <div style="float: left;padding-top: 2px;">
                            <img src="img/flag1.png"/>
                        </div>
                        <div style="float: left; padding-top: 7px;">
                            <font size="4">品质生活家</font>
                        </div>
                    </div>
                    
                    <div class="mid2_2">
                        <img src="img/5_350x180.jpg"/>
                    </div>
                    <br />
                    <div class="mid2_3">
                        <img src="img/6_170x180.jpg"/>
                    </div>
                    
                    <div class="mid2_4">
                        <img src="img/7_170x180.jpg"/>
                    </div>
                </div>
            </div>
            
            <div class="bottom1">
                <div class="bottom1_1">
                    
                </div>
                
                <div class="bottom1_2">
                    
                </div>
                
                <div class="bottom1_2">
                    
                </div>
            </div>
            
            
        </div>
        
        
    </body>
</html>
居家优品.png
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成，浏览时请结合常识与多方信息审慎甄别。
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

相关阅读更多精彩内容

  • day03 作业 2018-07-18
    2-3. 个性化消息: 将用户的姓名存到一个变量中，并向该用户显示一条消息。显示的消息应非常简单，如“Hello ...
    LPP27149阅读 224评论 0赞 7
  • day3作业
    2-3 个性化消息: 将用户的姓名存到一个变量中，并向该用户显示一条消息。显示的消息应非常简单，如“Hello E...
    liuperson阅读 231评论 0赞 6
  • Day03 - 作业
    作业：HAproxy配置文件操作 一、作业要求 根据用户输入输出对应的backend下的server信息 可添加b...
    乘风逐月阅读 306评论 0赞 0
  • 玉田县还有这么漂亮的地方？
    玉田老龙潭 四季皆美景 夏季瀑布、冬日冰瀑，这个地方就在玉田！ 从交警队到老龙潭的百度地图 夏季老龙潭的瀑布 老龙...
    唐山凤凰哥阅读 14,727评论 0赞 2
  • 2018.3.1
    下午六点发信息给我晚上有个局，可能会喝多，让我晚上去接他。 没有时间地点，也不知道是跟谁一起。
    一只孤独的影子阅读 239评论 0赞 1

友情链接更多精彩内容