Scribd Logo
Upload

Welcome to Scribd!

  • 16 views

    Paisaje

    Uploaded by

    dome.. uwu
    The document contains CSS code that styles elements to create a landscape scene. The scene includes a soccer field with goal posts and nets, a house with a roof and windows, trees represented by vertical lines, and a sun high in the sky. The CSS positions and styles divs to represent each element, applying properties like width, height, background colors, borders, and position to bring the landscape illustration to life.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd

    Paisaje

    Uploaded by

    dome.. uwu
    16 views7 pages
    The document contains CSS code that styles elements to create a landscape scene. The scene includes a soccer field with goal posts and nets, a house with a roof and windows, trees represented by vertical lines, and a sun high in the sky. The CSS positions and styles divs to represent each element, applying properties like width, height, background colors, borders, and position to bring the landscape illustration to life.

    Original Description:

    Css

    Original Title

    paisaje

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    The document contains CSS code that styles elements to create a landscape scene. The scene includes a soccer field with goal posts and nets, a house with a roof and windows, trees represented by vertical lines, and a sun high in the sky. The CSS positions and styles divs to represent each element, applying properties like width, height, background colors, borders, and position to bring the landscape illustration to life.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    16 views7 pages

    Paisaje

    Uploaded by

    dome.. uwu
    The document contains CSS code that styles elements to create a landscape scene. The scene includes a soccer field with goal posts and nets, a house with a roof and windows, trees represented by vertical lines, and a sun high in the sky. The CSS positions and styles divs to represent each element, applying properties like width, height, background colors, borders, and position to bring the landscape illustration to life.

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Download as pdf or txt
    of 7

    <!

    DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" target="_blanck"
    rel="noopener" href="style.css">
    <title>paisaje</title>
    </head>
    <body>
    <div class="ventana">
    <div class="cancha">
    <div class="balon"></div>
    </div>
    <div class="palo1"></div>
    <div class="palo2"></div>
    <div class="plato1">
    <div class="aro1"></div>
    <div class="fondo1"></div>
    </div>
    <div class="plato2">
    <div class="aro2"></div>
    <div class="fondo2"></div>
    </div>
    <div class="cielo">
    <div class="sol"></div>
    </div>
    <div class="techo"></div>
    <div class="casa">
    <div class="ventana1"></div>
    <div class="ventana2"></div>
    <div class="puerta1"></div>
    </div>
    </div>
    </body>
    </html>
    CSS

    body{
    background-color: #00e1ff;
    min-height: 100vh;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    }
    .cielo{
    width: 913px;
    height: 450px;
    border: 3px solid #b66100;
    background: rgb(10, 3, 112);
    position: relative;
    bottom: 835px;
    right: 10px;
    }
    .cancha{
    width: 700px;
    height: 200px;
    border: 5px solid #c751518c;
    background: gray;
    position: relative;
    top: 690px;
    left: 150px;
    }
    .balon{
    width: 70px;
    height: 70px;
    background: rgb(255, 94, 46);
    border-radius: 65%;
    position: relative;
    bottom: 60px;
    left: 45px;
    }
    .palo1{
    width: 15px;
    height: 200px;
    border: 3px solid #660505;
    background: #c75151;
    position: relative;
    top: 400px;
    left: 870px;

    }
    .palo2{
    width: 15px;
    height: 200px;
    border: 3px solid #660505;
    background: #c75151;
    position: relative;
    top: 190px;
    left: 120px;
    }
    .plato1{
    width: 60px;
    height: 70px;
    border: 3px solid #c75151;
    background: azure;
    position: relative;
    left: 100px;
    bottom: 65px;
    }
    .aro1{
    width: 60px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 12% solid red;
    background-color: #11000381 ;
    position: relative;
    top: 35px;
    left: 40px;
    }
    .fondo1{
    width: 60px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 12% solid red;
    background-color: #11000381 ;
    position: relative;
    top: 15px;
    left: 40px;
    }
    .plato2{
    width: 60px;
    height: 70px;
    border: 3px solid #c75151;
    background: azure;
    position: relative;
    left: 840px;
    bottom: 140px;
    }
    .aro2{
    width: 60px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 12% solid red;
    background-color: #11000381 ;
    position: relative;
    top: 35px;
    right: 40px;
    }
    .fondo2{
    width: 60px;
    height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 12% solid red;
    background-color: #11000381 ;
    position: relative;
    top: 15px;
    right: 40px;
    }
    .techo{
    width: 250px;
    height: 0px;
    border-right: 60px solid transparent;
    border-left: 60px solid transparent;
    border-bottom: 100px solid brown;
    position: relative;
    bottom: 1000px;
    left: 395px;
    }
    .casa{
    width: 350px;
    height: 200px;
    border: 3px solid #555;
    background: #3d4042;
    position: relative;
    bottom: 1000px;
    left: 400px;
    }
    .ventana1{
    width: 60px;
    height: 60px;
    border: 3px solid #555;
    background: #428bca;
    position: relative;
    left: 20px;
    top: 40px;

    }
    .puerta1{
    width: 50px;
    height: 90px;
    border: 3px solid #555;
    background: #70491c;
    position: relative;
    left: 145px;
    bottom: 34px;
    }
    .ventana2{
    width: 60px;
    height: 60px;
    border: 3px solid #555;
    background: #428bca;
    position: relative;
    left: 260px;
    bottom: 20px;
    }
    .sol{
    width: 90px;
    height: 90px;
    background: rgb(255, 230, 0);
    border-radius: 65%;
    position: relative;
    top: 40px;
    left: 45px;
    }
    .ventana{
    width: 900px;
    height: 900px;
    border: 10px solid #007025;
    background: #007025;
    }

    You might also like