Using Background Images

In Chapter 3, you learned about the <img> tag that can be used to add graphics to your web pages. Since that, you saw many simple tricks to use images and even created small interactions using JavaScript. CSS also helps you add powerful visual elements and effect with images, going far beyond the features of the <img> tag.

In this section, you will get to know a number of CSS features based on graphics and images.

The samples can be found within the Exercise-10-23 folder below, these are in the Sample1.html, Sample2.html, …, Sample14.html files.

The index.html file contains a list of links to access them.

Exercise-10-23: Demo-folder