C H A P T E R  3

Backgrounds

This chapter gives working examples of popular web page enhancements using various CSS background techniques. Many types of backgrounds are covered, including images, gradients, multiple backgrounds, rollover menu buttons, and watermarks. We will also look at the creation of multiple backgrounds using the new CSS3 background properties.

Overview

CSS provides a whole range of backgrounds to enhance web pages. The web has come a very long way since the days of <body bgcolor="#00ffff">. For instance, backgrounds can be:

  • gradients, solid colors, or images
  • positioned precisely on a page
  • repeated (tiled) vertically or horizontally to fill a column, a row or a page
  • overlaid with text and multiple images
  • set to allow ...

Get Practical HTML5 Projects now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.