C H A P T E R  3


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.


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 live online training, plus books, videos, and digital content from nearly 200 publishers.