Scribd Logo
Upload

Welcome to Scribd!

  • Selectors

    Uploaded by

    LIM KAI YI HCI
    9 views2 pages
    The document styles various HTML elements like headings, paragraphs, images and divs. Styles include fonts, text alignment, sizing, padding, margins, backgrounds and borders. Images of characters and book covers are displayed in divs with rounded borders and different styling applied. The document was created by Lim Kai Yi, a 12 year old in class 2A3.

    Original Description:

    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 styles various HTML elements like headings, paragraphs, images and divs. Styles include fonts, text alignment, sizing, padding, margins, backgrounds and borders. Images of characters and book covers are displayed in divs with rounded borders and different styling applied. The document was created by Lim Kai Yi, a 12 year old in class 2A3.

    Copyright:

    © All Rights Reserved
    Download as TXT, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    9 views2 pages

    Selectors

    Uploaded by

    LIM KAI YI HCI
    The document styles various HTML elements like headings, paragraphs, images and divs. Styles include fonts, text alignment, sizing, padding, margins, backgrounds and borders. Images of characters and book covers are displayed in divs with rounded borders and different styling applied. The document was created by Lim Kai Yi, a 12 year old in class 2A3.

    Copyright:

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

    <html>

    <head>
    <title>selectors</title>
    <style>

    @import url('https://fonts.googleapis.com/css2?
    family=Codystar&family=Irish+Grover&family=Nabla&family=Shadows+Into+Light&family=S
    pace+Mono:ital,wght@1,700&display=swap');

    html {
    background-size: auto;
    }
    .round {
    border-radius: 80em;
    height: 30rem;
    background-color: red;
    background-image: linear-gradient(blue, green);
    }

    .rounded {
    border-radius: 80em;

    .imgg {
    border-style: solid;
    border-width: 2px;
    border-color: red;
    padding: 1px;
    margin: 3rem;
    height: 11em;
    }

    body {
    background-image: url("paper.gif");
    }

    h1 {
    text-align: center;
    color: white;
    font-family: Shadows Into Light;
    font-size: 5em;
    background-color: black;
    }

    p {
    font-family: verdana
    }

    h3 {
    text-align: center;
    padding: 1em 2em 1px 2em;
    color: white;
    font-family: Shadows Into Light;
    font-size: 2em;
    }
    img {
    margin: 1em;
    border-width: 1em;
    padding: 1em 3em 3em 3em;
    height: 12em;
    }

    </style>
    </head>

    <body>

    <h1> The characters </h1>

    <div>

    <img src= "https://drive.google.com/thumbnail?


    id=1pgTAe13kdQqPRRpdH_oeU73XsRbDtE43" >
    <img src= "https://drive.google.com/thumbnail?id=1N0zYS0mHYTd5urGN-
    Wv6n8ZWXcM2g4kb" >
    <img src= "https://drive.google.com/thumbnail?id=19bxHt-
    1gi_TfCRqRh79VN_B3PvAsWDUL" class="rounded">
    <img src= "https://drive.google.com/thumbnail?id=1XmxsKfEwMNi5qXCpL-
    ym_0x1wSFAK8C-" >

    </div>

    <div class="round">

    <h3> Book Covers </h3>

    <img src= "https://drive.google.com/thumbnail?id=1GD6faseOFzmGeOuK-rCbtMLH9dZm5V14"


    class="imgg">
    <img src= "https://drive.google.com/thumbnail?id=1dXep7a6MK4durh4UNzjFyilyxcm6VWUz"
    class="imgg">
    <img src= "https://drive.google.com/thumbnail?id=15QnskVXlLKGwJX1thmY8ndbW0mOhxnMI"
    class="imgg">
    <img src= "https://drive.google.com/thumbnail?id=1sngqma8LLFn7iG-w3nLRjfzdad0LMhY2"
    class="imgg">
    <img src= "https://drive.google.com/thumbnail?id=1HuSi75FPOEAC998IOHp1Yp_6Brpje355"
    class="imgg">

    </div>

    <h3> Done by Lim Kai Yi , 12 , 2A3 </h3>


    </body>
    </html>

    You might also like