美文网首页
页面布局作业

页面布局作业

作者: 中二死军宅 | 来源:发表于2018-11-21 19:49 被阅读0次

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <title>本来生活网</title>
    <style type="text/css">
    *{
    padding:0;
    margin: 0;
    border:0;
    }
    .to{
    width: 1510px;
    height: 100px;
    background-color: #cc0000;
    margin: 0 auto;
    }
    .box{
    width: 1510px;
    height: 20px;
    background-color: #f5f5f5;
    margin: 0 auto;
    }
    .box1{
    width: 1510px;
    height: 50px;
    background-color: cornflowerblue;
    margin: 0 auto;
    }
    .box2{
    width: 1510px;
    height: 100px;
    background-color: #ffff00;
    margin: 0 auto;
    }
    .box3{
    width: 1510px;
    height: 350px;
    background-color: #000000;
    margin: 0 auto;
    }
    .goods{
    width: 1200px;
    height: 200px;
    background-color: #6495ed;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods1{
    width: 1200px;
    height: 300px;
    background-color: #666666;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods2{
    width: 1200px;
    height: 350px;
    background-color: #ffff00;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods3{
    width: 1200px;
    height: 300px;
    background-color: #cc0000;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods4{
    width: 1200px;
    height: 350px;
    background-color: #ffff00;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods5{
    width: 1200px;
    height: 300px;
    background-color: #666666;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    .goods6{
    width: 1200px;
    height: 300px;
    background-color: rebeccapurple;
    margin: 0 auto;
    margin-bottom: 20px;
    }
    </style>

    </head>
    <body>
    <div class="to"></div>
    <div class="box"></div>
    <div class="box1"> </div>
    <div class="box2"></div>
    <div class="box3"></div>
    <div class="goods"></div>
    <div class="goods1"></div>
    <div class="goods2"></div>
    <div class="goods3"></div>
    <div class="goods4"></div>
    <div class="goods5"></div>
    <div class="goods6"></div>

    </body>
    </html>

    相关文章

      网友评论

          本文标题:页面布局作业

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