2.4. 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 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
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 2.5 for repeating background images in a line either horizontally or vertically.
Get CSS Cookbook now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.