Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • Edificio Ven

    Cargado por

    esmeralda martinez ronquillo
    3 vistas5 páginas
    Html Edifici

    Título original

    edificio_ven

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    TXT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    Html Edifici

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    3 vistas5 páginas

    Edificio Ven

    Cargado por

    esmeralda martinez ronquillo
    Html Edifici

    Copyright:

    © All Rights Reserved
    Descargue como TXT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 5

    <html>

    <head>
    <link rel="stylesheet" href="esti.css">
    </head>
    <body>
    <div id="tabla" align="center">

    <div class="d7">
    D7:JULIA
    <br></br>
    <div class="v1"></div>
    </div>

    <div class="d8">
    D8:MARIO
    <br></br>
    <div class="v2"></div>
    </div>

    <div class="d9">
    D9:RENATA
    <br></br>
    <div class="v3"></div>
    </div>
    <br></br>

    <div class="suite">
    SUITE:CECILIA
    <br></br>
    <div class="v4"></div>
    </div>
    <br></br>

    <div class="PH">
    PH:ANGEL
    <br></br>
    <div class="v5"></div>
    </div>
    <div class="PH1">
    PH:ROBERTA
    <br></br>
    <div class="v6"></div>
    </div>
    <br></br>

    <div class="d1">
    D4:JUAN
    <br></br>
    <div class="v7"></div>
    </div>
    <div class="d2">
    D5:GUADALUPE
    <br></br>
    <div class="v8"></div>
    </div>
    <div class="d3">
    D6:SAMANTA
    <br></br>
    <div class="v9"></div>
    </div>
    <br></br>

    <div class="d4">
    D1:RAMIRO
    <br></br>
    <div class="v10"></div>
    </div>
    <div class="d5">
    D2:YAZMIN
    <br></br>
    <div class="v11"></div>
    </div>
    <div class="d6">
    D3:RODRIGO
    <br></br>
    <div class="v12"></div>
    </div>
    </div>
    </head>
    </body>
    </html>

    **************************css****************************

    *{
    padding: 0px;
    margin: 0px;

    #tabla{
    width: 600px;
    height: 900px;
    margin: auto;
    }

    .d7{

    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: aquamarine;
    }
    .d8{

    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: mediumvioletred;

    }
    .d9{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: lightsalmon;
    }
    .suite{
    width: 600px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: purple;
    }
    .PH{
    width: 300px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: yellow;
    }
    .PH1{
    width: 300px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: red;
    }

    .d1{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: pink;
    }
    .d2{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: gold;
    }
    .d3{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: greenyellow;
    }
    .d4{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: violet;
    }
    .d5{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: orange;
    }
    .d6{
    width: 200px;
    height: 180px;
    float:left;
    list-style: none;
    background-color: blue;
    }

    .v1{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v2{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v3{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v4{
    width: 300px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v5{
    width: 100px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v6{
    width: 100px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v7{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v8{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v9{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v10{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v11{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    }
    .v12{
    width: 50px;
    height: 70px;
    list-style: none;
    background-color: white;

    También podría gustarte