CHAPTER 9

image

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:

  • Control the color, style, and width ...

Get Beginning CSS3 now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.