美文网首页
梦芭莎---简单布局

梦芭莎---简单布局

作者: BaiBao丶 | 来源:发表于2018-11-21 23:50 被阅读0次

    主页

    <!DOCTYPE html>
    <html lang="en">
        <head>
            <meta charset="UTF-8">
            <title>梦芭莎</title>
            <link rel="stylesheet" type="text/css" href="css/梦芭莎.css">
        </head>
        <body>
        <div class="header">
            <div class="header1"></div>
            <div class="header2"></div>
            <div class="header3"></div>
            <div class="header4"></div>
        </div>
        <div class="header5"></div>
        <div class="header6"></div>
        <div class="header7"></div>
        <div class="header8"></div>
        <div class="header9"></div>
        <div class="header10"></div>
        <div class="header11"></div>
        <div class="header12"></div>
        <div class="header13"></div>
        <div class="header14"></div>
        <div class="header15"></div>
        <div class="header16"></div>
        <div class="header17"></div>
        <div class="header18"></div>
        <div class="header19"></div>
        <div class="header21"></div>
        <div class="header22"></div>
        <div class="header23"></div>
        <div class="header24"></div>
        <img src="img/123.png width=1515px height=403px">
        </body>
    </html>
    

    样式

    *{
        padding:0;
        margin: 0;
    }
    .header{
        width:1519.2px;
        height:270px;
        background-color:red;
    }
    .header1{
        width:1519.2px;
        height:35px;
        background-color:black;
    }
    .header2{
        width:1200px;
        height:48px;
        background-color:#019e8b;
        margin:0 auto;
    }
    .header3{
        width:1200px;
        height:48px;
        background-color:#ffaaaa;
        margin:0 auto;
    }
    .header4{
        width:1200px;
        height:124px;
        background-color:#aaffaa;
        margin:0 auto;
        margin-top:10px;
    }
    .header5{
        width:1200px;
        height:35.6px;
        background-color:aqua;
        margin-left:160px;
    }
    .header6{
        width: 1200px;
        height: 1191px;
        background-color: #019e8b;
        margin: 0 auto;
    }
    .header7 {
        width: 1200px;
        height: 755px;
        background-color:#c0c0c0;
        margin: 0 auto;
    }
    .header8 {
        width: 1200px;
        height: 506px;
        background-color:#ffff00;
        margin: 0 auto;
    }
    .header9 {
        width: 1200px;
        height: 680px;
        background-color:#6495ed;
        margin: 0 auto;
    }
    .header10{
        width: 1200px;
        height: 410px;
        background-color:#ffaaaa;
        margin: 0 auto;
    }
    .header11 {
        width: 1200px;
        height: 1162px;
        background-color:#666666;
        margin: 0 auto;
    }
    .header12 {
        width: 1200px;
        height: 1151px;
        background-color:#ffaaaa;
        margin: 0 auto;
    }
    .header13 {
        width: 1200px;
        height: 1212px;
        background-color:#019e8b;
        margin: 0 auto;
    }
    .header14 {
        width: 1200px;
        height: 1703px;
        background-color:#ffff00;
        margin: 0 auto;
    }
    .header15 {
        width: 1195px;
        height: 155px;
        background-color:#6495ed;
        margin: 0 auto;
    }
    .header16 {
        width: 1195px;
        height: 1439px;
        background-color: #666666;
        margin: 0 auto;
    }
    .header17 {
        width: 1195px;
        height: 1328px;
        background-color: #cc0000;
        margin: 0 auto;
    }
    .header18 {
        width: 1195px;
        height: 1353px;
        background-color:#000000;
        margin: 0 auto;
    }
    .header19 {
        width: 1195px;
        height: 803px;
        background-color:#ffaaaa;
        margin: 0 auto;
    }
    .header20 {
        width: 1195px;
        height: 1237px;
        background-color:#019e8b;
        margin: 0 auto;
    }
    .header21 {
        width: 1195px;
        height: 1355px;
        background-color:#6495ed;
        margin: 0 auto;
    }
    .header22 {
        width: 1195px;
        height: 176px;
        background-color: #666666;
        margin: 0 auto;
    }
    .header23 {
        width: 1195px;
        height: 44px;
        background-color:#cc0000;
        margin: 0 auto;
    }
    .header24 {
        width: 1195px;
        height: 739.567px;
        background-color:#ffaaaa;
        margin: 0 auto;
    }
    

    相关文章

      网友评论

          本文标题:梦芭莎---简单布局

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