For this example, we set the left margin wide enough so that the text will not be superimposed on the background image. That's because we want both to be clearly readable. You should be very cautious about directly superimposing text over an image; usually it makes the text unreadable. (If you simply must have a background image, one strategy is to edit the image to be very pale, and use a strongly contrasting color and large text style.) Note that you have options about how the background image appears: it can appear once, centered in the background of the page, or it can be tiled (repeated) either horizontally, vertically, or both. Some images are designed to tile seamlessly to create the illusion of a continuous background. There are pages on the web that give these away for free; remember always to check the copyright policies of such pages.

View the page source to see how the background image is added. The photo0.jpg image file must be stored in the appropriate place for the browser to find it, just like images included with the <img> tag. For comparison, here is the same image included in the foreground using the <img>tag: