Setting a Background Image






Setting a Background Image

Problem

You want a background image that doesn't repeat.

Solution

Use the background-image and background-repeat properties to control the display of an image (see Figure):

body {
 background-image: url(bkgd.jpg);
 background-repeat: no-repeat; 
} 
            

The background image displayed once in the upper-left corner


Discussion

You can place text and other inline images over a background image to create a sense of depth on a web page. Also, you can provide a framing device for the web page by tiling a background image along the sides of a web browser.

See Also

Recipe 3.4 for repeating background images in a line either horizontally or vertically.



 Python   SQL   Java   php   Perl 
 game development   web development   internet   *nix   graphics   hardware 
 telecommunications   C++ 
 Flash   Active Directory   Windows