Rounded corners used to be the stuff of constricting solid background images or, for flexible boxes, numerous background images, one per-corner, slapped on multiple nested div elements. Argh, ugly. Well, not any longer. Now, with simple CSS, you can lavish your designs with more curves than Marilyn Monroe.
Yeah. Border radius. Fear not, though - you don’t have to have borders. The border-radius property can be used to add a corner to each corner of a box.
And you get something like this. Rounded corners, see? If you’ve got a sensible browser (see note below).
5px solid #8b2 20px
100px 50px center 100px #fc0 50px 50px