August 2004
Intermediate to advanced
272 pages
5h 17m
English
You want a background image that doesn’t repeat.
Use the
background-image and
background-repeat
properties to control the display of an image (see Figure 2-9):
body {
background-image: url(bkgd.jpg);
background-repeat: no-repeat;
}
Figure 2-9. The background image displayed once in the upper right corner
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.
Recipe 2.5 for repeating background images in a line either horizontally or vertically.
Read now
Unlock full access