• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

Hedges > Image Tricks

Image Tricks

Now that the shell of the layout is forming, let’s examine how the more obvious graphical areas are constructed, starting with the header. It consists of a repeating line of trees in the background, and an illustrated title header overlaying it. The easy part is adding the repeating background image:

body {
 margin: 0;
 padding: 0;
 background: #FFF url("bg_tree.gif") repeat-x left top;                   
 color: #888;
 text-align: left;
}


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint