Scribd Logo
Upload

Welcome to Scribd!

  • Design Css Codes

    Uploaded by

    Shuloma Kabra
    7 views3 pages
    The document contains code snippets demonstrating different CSS properties for styling backgrounds and borders of HTML elements. It shows how to set background images, colors, repeats, positions and attachments. It also demonstrates different border styles, widths and colors that can be applied to elements like body, div, h1, h2. Floating an image to the right is also displayed.

    Original Description:

    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 code snippets demonstrating different CSS properties for styling backgrounds and borders of HTML elements. It shows how to set background images, colors, repeats, positions and attachments. It also demonstrates different border styles, widths and colors that can be applied to elements like body, div, h1, h2. Floating an image to the right is also displayed.

    Copyright:

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

    Design Css Codes

    Uploaded by

    Shuloma Kabra
    The document contains code snippets demonstrating different CSS properties for styling backgrounds and borders of HTML elements. It shows how to set background images, colors, repeats, positions and attachments. It also demonstrates different border styles, widths and colors that can be applied to elements like body, div, h1, h2. Floating an image to the right is also displayed.

    Copyright:

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

    body 

    {
      background: lightblue url("img_tree.gif") no-repeat fixed center;
    }
    body {
      background-image: url("img_tree.gif");
      background-repeat: no-repeat;
      background-attachment: fixed;
    }

    div {
      background-repeat: no-repeat, repeat;
      background-image: url("img_tree.gif"), url("paper.gif");
      background-blend-mode: lighten;
    }

    div {
      border: 10px dotted black;
      padding: 15px;
      background: lightblue;
      background-clip: padding-box;
    }

    body {background-color: coral;}

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

    #example1 {
      border: 10px dashed black;
      padding: 25px;
      background: url(paper.gif);
      background-repeat: no-repeat;
      background-origin: content-box;
    }
    body {
      background-image: url('w3css.gif');
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-position: center;
    }
    div {
      background-image: url('w3css.gif');
      background-repeat: no-repeat;
      background-position-x: center;
    }

    div {
      background-image: url('w3css.gif');
      background-repeat: no-repeat;
      background-position-y: center;
    }

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

    h1 {
      border: 5px solid red;
    }

    h2 {
      border: 4px dotted blue;
    }

    div {
      border: double;
    }

    h1 {
      border-bottom: 5px solid red;
    }

    h2 {
      border-bottom: 4px dotted blue;
    }

    div {
      border-bottom: double;
    }

    div {border-bottom-color: coral;}
    img  {
      float: right;
    }

    You might also like