Color and Background Controls

I've added an image to the left side of the screen, tiling it vertically. The image is a simple gradient, and I've set the background color to match the right end of the gradient. In addition, I've set the image to remain fixed as the content scrolls (though I don't think that will matter with such a simple image).

I've also added an image to the h2 tag, set at 50% width, tiling horizontally.

What else can CSS do?

CSS gives you much more control over background images and colors than plain HTML does.

You can use CSS to set

• the positions of images (measured from top left corner)
• the horizontal (repeat-x) and vertical (repeat-y) tiling
• scrolling or not (fixed)
• background color
• different colors or images for different elements
• and even images for your bulleted lists!