Dreamweaver Workbook
Background Page

Background Page

Cascading Style Sheets is the best way of setting the background properties in your HTML page. It is more flexible than the (outdated) HTML method. Using CSS, you can set the background properties of any HTML element. Plus you can do things like, specify an image's position, whether it should repeat, how it should repeat etc.

Pattern as the page background: click the text link to view the pattern based background page

Texture as the page background: click the text link to view the texture based background page

Image as the page background: Page-A | Page-B
click the text link to view the image based backgrounded page

GIF Page | JPEG Page | SVG Page | Rollover Page

 

  1. The CSS background-image property is used to specify a background image of an element.
  2. <style type="text/css">
    .imageBox {
    width:320;
    height:240;
    background-image:url("/image.gif");
    }
    </style>
    <div class="imageBox">
    <p>This div element has a background-image. To stop it repeating see the <a href="/css/properties/css_background-repeat.cfm">background-repeat</a> property.</p>
    </div>