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

Revolution! > Practical Application

Practical Application

When designing with CSS, well-crafted imagery like Hellsing’s header must somehow be applied to the design. For a designer accustomed to using the img tag, viewing the Zen Garden source code is disconcerting because there’s no obvious mechanism pulling in the images that must be displayed. Of course the work is being done in the CSS file, but how is it happening?

There are a few ways to apply an image to an element within CSS, but only one is supported well enough to be usable: background images. Applying a background image to something like the Zen Garden’s h1 (FIGURE 1) requires a fairly simple syntax: You need only define the path to the image, its position, and how it repeats (if it does at all):


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


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