Scribd Logo
Upload

Welcome to Scribd!

  • Maqueta

    Uploaded by

    Andrea Cecilia
    8 views1 page
    The document demonstrates the CSS box model, which treats each HTML element as a box consisting of borders, padding, margins, and content. It includes an H2 header for the demonstration, a paragraph explaining the box model, and three example <div> elements with styling applied to show the box model in action.

    Original Description:

    Original Title

    maqueta

    Copyright

    © © All Rights Reserved

    Available Formats

    TXT, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document demonstrates the CSS box model, which treats each HTML element as a box consisting of borders, padding, margins, and content. It includes an H2 header for the demonstration, a paragraph explaining the box model, and three example <div> elements with styling applied to show the box model in action.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    8 views1 page

    Maqueta

    Uploaded by

    Andrea Cecilia
    The document demonstrates the CSS box model, which treats each HTML element as a box consisting of borders, padding, margins, and content. It includes an H2 header for the demonstration, a paragraph explaining the box model, and three example <div> elements with styling applied to show the box model in action.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 1

    <!

    DOCTYPE html>
    <html>
    <head>
    <style>
    div {
    background-color: lightgrey;
    width: 300px;
    border: 15px solid green;
    padding: 50px;
    margin: 20px;
    }
    </style>
    </head>
    <body>

    <h2>Demonstrating the Box Model</h2>

    <p>The CSS box model is essentially a box that wraps around every HTML element. It
    consists of: borders, padding, margins, and the actual content.</p>

    <div>Hola Mundo.</div>

    div {
    background-color: lightgrey;
    width: 300px;
    border: 15px solid green;
    padding: 50px;
    margin: 20px;
    }
    </style>
    </head>
    <body>

    <h2>Demonstrating the Box Model</h2>

    <p>The CSS box model is essentially a box that wraps around every HTML element. It
    consists of: borders, padding, margins, and the actual content.</p>

    <div>¿Cómo estás?</div>
    </body>
    </html>

    div {
    background-color: lightgrey;
    width: 300px;
    border: 15px solid green;
    padding: 50px;
    margin: 20px;
    }
    </style>
    </head>
    <body>

    <h2>Demonstrating the Box Model</h2>

    <p>The CSS box model is essentially a box that wraps around every HTML element. It
    consists of: borders, padding, margins, and the actual content.</p>

    <div>Yo estoy bien.</div>

    You might also like