Chapter 8. Adding Graphics to Web Pages

No matter how much you gussy up your text or fiddle with borders and margins, nothing affects the appearance of your site more than the images you add to it. And once again, CSS gives you more image control than HTML ever dreamed of. You can work with graphics in CSS on two fronts: the < img> tag and the background-image property (which you can attach to any number of tags).

This chapter delves into some of the creative ways you can deploy images with CSS. The best way to learn how to use graphics in CSS is to see them in action, so this chapter has twocount 'em, twotutorials. By creating a photo gallery Web page and using images for overall page styling, you'll be an image-slinging pro in no time.