Scribd Logo
Importer

Bienvenue sur Scribd !

  • HTML 3

    Transféré par

    diomrodney12
    8 vues1 page

    Titre original

    html3

    Copyright

    © © All Rights Reserved

    Formats disponibles

    PDF, TXT ou lisez en ligne sur Scribd

    Avez-vous trouvé ce document utile ?

    Ce contenu est-il inapproprié ?

    Signaler ce document

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    8 vues1 page

    HTML 3

    Transféré par

    diomrodney12

    Droits d'auteur :

    © All Rights Reserved
    Téléchargez comme PDF, TXT ou lisez en ligne sur Scribd
    Signaler comme contenu inapproprié
    sur 1

    Powered by AI

    Bing

    D’accord, je vois que vous voulez créer une mise en page spécifique en utilisant HTML et CSS. Voici un
    exemple de code qui pourrait vous aider à réaliser cela :

    <!DOCTYPE html>
    <html>
    <head>
    <style>
    .container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    height: 100vh;
    }
    .box1 { grid-area: 1 / 1 / 2 / 2; background-color: lightblue; }
    .box2 { grid-area: 1 / 2 / 2 / 3; background-color: lightgreen; }
    .box3 { grid-area: 2 / 1 / 3 / 2; background-color: lightpink; }
    .box4 { grid-area: 2 / 2 / 3 / 3; background-color: lightyellow; }
    </style>
    </head>
    <body>
    <div class="container">
    <div class="box1">1</div>
    <div class="box2">2</div>
    <div class="box3">3</div>
    <div class="box4">4</div>
    </div>
    </body>
    </html>

    Dans cet exemple, nous utilisons CSS Grid pour créer une grille 2x2. Chaque .box représente une zone de la
    grille. Vous pouvez ajuster les couleurs de fond et d’autres styles comme vous le souhaitez.

    Veuillez noter que ce code est un point de départ et peut nécessiter des ajustements pour correspondre
    exactement à votre image. Si vous avez d’autres questions, n’hésitez pas à demander. 😊

    Vous aimerez peut-être aussi