How to Tile a Background in HTML

When you develop a Web site in HTML, you can choose to set up a background image that is either a single image or a tiled image. If you tile your background image, browsers that visit the page automatically show the image repeated en masse across the whole background of the Web site. Although this type of display can lead to Web sites that look overly busy, it can also be necessary for certain types of sites. You need to have experience with editing HTML files and uploading files to your Web site to carry out this process.

Instructions

1. Open the HTML file to which you want to add a repeating background image.

2. Add the following line to the top of the file:

   body {

3. Add the following line to the file, after the line you added in Step 2:

   background: url('http://link-to-image.com/image.jpg');

   Substitute the URL for the image you want to repeat on the page for the example image link in this step.

4. Add the following final line after the line you added in Step 3:

   background-repeat: repeat; }

5. Save your file and upload it to your Web site. The background image you specified in Step 3 will now repeat across your page.

References

• W3C Candidate Recommendation: Colors and Backgrounds