< Day Day Up > |
Recipe 2.4 Setting a Background ImageProblemYou want a background image that doesn't repeat. SolutionUse 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 cornerDiscussionYou 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 AlsoRecipe 2.5 for repeating background images in a line either horizontally or vertically. |
< Day Day Up > |