Scribd Logo
Upload

Welcome to Scribd!

  • CSS Color Names: /body /HTML

    Uploaded by

    Fahim Sabri
    9 views5 pages
    css notes

    Original Title

    Colours

    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
    css notes

    Copyright:

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

    CSS Color Names: /body /HTML

    Uploaded by

    Fahim Sabri
    css notes

    Copyright:

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

    </body>

    </html>

    CSS Color Names


    In CSS, a color can be specified by using a color name:

    Tomato

    Orange

    DodgerBlue

    MediumSeaGreen

    Gray

    SlateBlue
    Violet

    LightGray

    <!DOCTYPE html>

    <html>

    <body>

    <h1 style="background-color:Tomato;">Tomato</h1>

    <h1 style="background-color:Orange;">Orange</h1>

    <h1 style="background-color:DodgerBlue;">DodgerBlue</h1>

    <h1 style="background-color:MediumSeaGreen;">MediumSeaGreen</h1>

    <h1 style="background-color:Gray;">Gray</h1>

    <h1 style="background-color:SlateBlue;">SlateBlue</h1>

    <h1 style="background-color:Violet;">Violet</h1>

    <h1 style="background-color:LightGray;">LightGray</h1>

    </body>

    </html>

    CSS Background Color


    You can set the background color for HTML elements:

    <!DOCTYPE html>
    <html>

    <body>

    <h1 style="background-color:DodgerBlue;">Hello World</h1>

    <p style="background-color:Tomato;">

    Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy
    nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.

    Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit
    lobortis nisl ut aliquip ex ea commodo consequat.

    </p>

    </body>

    </html>

    CSS Text Color


    You can set the color of text:

    <!DOCTYPE html>

    <html>

    <body>

    <h3 style="color:Tomato;">Hello World</h3>


    <p style="color:DodgerBlue;">Lorem ipsum dolor sit amet, consectetuer
    adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore
    magna aliquam erat volutpat.</p>

    <p style="color:MediumSeaGreen;">Ut wisi enim ad minim veniam, quis


    nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
    consequat.</p>

    </body>

    </html>

    CSS Border Color


    <!DOCTYPE html>

    <html>

    <body>

    <h1 style="border: 2px solid Tomato;">Hello World</h1>

    <h1 style="border: 2px solid DodgerBlue;">Hello World</h1>

    <h1 style="border: 2px solid Violet;">Hello World</h1>

    </body>

    </html>

    You can set the color of borders:

    You might also like