HTML and CSS Reference
Easy rounded corners
Perhaps even more common than the drop shadow in modern web
design is the rounded corner. Even otherwise simple website designs
often use rounded corners for visual effect.
The lengths web authors have to go to get the rounded corner
look in CSS2 is extraordinary—one popular method involves
adding hundreds of elements to a page just to get rounded
corners on a single element; we'll look at that in this section.
Many of the rounded corners you see on the
web aren't strictly necessary. An engineer
at Yahoo! once created a version of the
company's home page without any rounded
corners and discovered that it reduced the
amount of data a user had to download by
more than 50%. When he showed the two
different versions of the page to designers,
they didn't spot the difference.
creating rounded corners on elements. Let's
see how it compares to the new CSS3 tech-
niques for creating rounded corners.
OK, I'm going
to create an element
with rounded corners
using the Curvy
I'll create an