Hour 13. Getting Visual, Part 3: Images as Design Elements with CSS

In Hour 6, “Getting Visual, Part 1: Adding Images and Graphics,” and Hour 7, “Getting Visual, Part 2: Advanced Image Editing, Thumbnails, and Hotspots,” you learned how to insert images as objects in a web page. However, if you have spent any length of time on the Web, you know that images are used for so much more and most prominently as design elements. In fact, most of the nontext content you find on a website is an image in some form or another. This is because the basic building blocks of a web page (HTML and CSS) can only go so far in creating graphic elements. And even though with the introduction of HTML5 we can now make rounded corners and box shadows and even use advanced graphics, using regular image elements is often easier and more backward compatible. Fortunately, HTML and CSS give you a huge variety of ways in which you can introduce images as design elements by adding th....