Creating a Line of Background Images

Creating a Line of Background Images


You want a series of background images to repeat vertically or horizontally.


To tile the background image horizontally, or along the x-axis, use the following CSS rule (see Figure):

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

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 3.5 for placing a background image at a specific location in a web page.

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