These examples assume you have saved your custom background image into the style folder where your main.css file lives.

Copy+Paste code for each example will be on the page when it opens.

Fast Loading Strips and Tiles

Example 1 - Centered Image Strip that repeats vertically

Example 2 - Image Strip that repeats horizontally

Example 3 - Repeating Tiles

The page you are on now has a horizontally repeating Strip (22x905 pixels)

Slow Loading (full image) Backgrounds

Slower browser loading but can be more creative!

Example 1 - Centered custom large image background

 

Next Lesson - Customize Link Appearance