Adding Borders and Drop Shadows
All browsers support basic borders, but the CSS3 Backgrounds and Borders module offers a wider range of options. In the past, the only way to add rounded corners or drop shadows to an element was by nesting it in other elements and adding background images. In a CSS3-compliant browser, no images are involved. It’s all done with a simple style rule. For more ambitious decorative borders, CSS3 makes it possible to use images without nested elements. The CSS3 features are widely supported, except in IE 8 and earlier.
In this chapter, you’ll learn how to do the following: