2.5. Creating a Line of Background Images
Problem
You want a series of background images to repeat vertically or horizontally.
Solution
To tile the background image horizontally, or along the x axis, use the following CSS rule (see Figure 2-10):
body { background-image: url(bkgd.jpg); background-repeat: repeat-x; }
Figure 2-10. The background image tiled horizontally
To have the background image repeat along the vertical axis, use the
repeat-y
value for
background-repeat
.
See Also
Recipe 2.6 for placing a background image at a specific location in a web page.
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.