Scribd Logo
Upload

Welcome to Scribd!

  • Css

    Uploaded by

    arnold.reyes
    7 views8 pages
    The document contains four sections with HTML code defining styling for links, divs, and paragraphs. Styles are set for the color and appearance of two links and two div boxes, including properties like width, height, borders, and background color. The code samples show how these styles can be applied and modified across multiple sections.

    Original Description:

    css

    Original Title

    css

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document contains four sections with HTML code defining styling for links, divs, and paragraphs. Styles are set for the color and appearance of two links and two div boxes, including properties like width, height, borders, and background color. The code samples show how these styles can be applied and modified across multiple sections.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views8 pages

    Css

    Uploaded by

    arnold.reyes
    The document contains four sections with HTML code defining styling for links, divs, and paragraphs. Styles are set for the color and appearance of two links and two div boxes, including properties like width, height, borders, and background color. The code samples show how these styles can be applied and modified across multiple sections.

    Copyright:

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

    <!

    DOCTYPE html>
    <html>
    <head>

    </head>
    <body>

    <style>

    #FirstLink{
    color: FFFF33;
    }

    #SecondLink{
    color:9933FF;
    }

    #FirstDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px
    }

    #SecondDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px;
    }

    p{
    text-align: center;
    }

    </style>

    <a id="FirstLink" href="CS_1">First Link</a>


    <a id="SecondLink"href="CS_2">Second Link</a>

    <div id="FirstDiv">
    <p>Div 1</p>
    </div>
    <div id="SecondDiv">
    <p>Div 2</p>
    </div>

    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>

    </head>
    <body>

    <style>

    #FirstLink{
    color: FFFF33;
    }

    #SecondLink{
    color:9933FF;
    }

    #FirstDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px;
    background-color: #00FFFF;
    }

    #SecondDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px;
    }

    p{
    text-align: center;
    }

    #div1text{
    color: white;
    }

    </style>

    <a id="FirstLink" href="">First Link</a>


    <a id="SecondLink"href="CS_3">Second Link</a>
    <div id="FirstDiv">
    <p id="div1text">Div 1</p>
    </div>

    <div id="SecondDiv">
    <p id="div2text">Div 2</p>
    </div>

    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>

    </head>
    <body>

    <style>

    #FirstLink{
    color: FFFF33;
    }

    #SecondLink{
    color:9933FF;
    }

    #FirstDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px
    }

    #SecondDiv{
    width: 250px;
    height: 250px;
    border: 10px dotted green;
    margin: 10px;
    }

    p{
    text-align: center;
    }

    </style>

    <a id="FirstLink" href="CS_3">First Link</a>


    <a id="SecondLink"href="">Second Link</a>

    <div id="FirstDiv">
    <p>Div 1</p>
    </div>

    <div id="SecondDiv">
    <p>Div 2</p>
    </div>

    </body>
    </html>
    <!DOCTYPE html>
    <html>
    <head>

    </head>
    <body>

    <style>

    #FirstLink{
    color: FFFF33;
    }

    #SecondLink{
    color:9933FF;
    }

    #FirstDiv{
    width: 250px;
    height: 250px;
    border: 1px solid black;
    margin: 10px;
    background-color: #00FFFF;
    }

    #SecondDiv{
    width: 250px;
    height: 250px;
    border: 10px dotted green;
    margin: 10px;
    }

    p{
    text-align: center;
    }

    #div1text{
    color: white;
    }

    </style>

    <a id="FirstLink" href="">First Link</a>


    <a id="SecondLink"href="">Second Link</a>

    <div id="FirstDiv">
    <p id="div1text">Div 1</p>
    </div>

    <div id="SecondDiv">
    <p id="div2text">Div 2</p>
    </div>

    </body>
    </html>

    You might also like