Now that CSS3 is starting to penetrate, web Design has many exciting additions are worthy of mentioning. One being CSS rounded corners. In the past and most likely the present in order to get the widest penetration with older browsers, web designers and front-end developers used tricks or work-arounds to get the rounded corner implemented with few or no graphic images. After trying many things this one sticks out as one working very well!!  http://dillerdesign.com/experiment/DD_roundies/

But if your into CSS3 there are some options for borders in CSS3, of which one is border-radius. Both Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items.

The code for this example above is actually quite simple:
(The example below is an image so all browsers can see it)

<div style=" background-color: #ccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #000;
padding: 10px;" >

These different corners can also each be handled on their own:
(The above example is an image so all browsers can see it)

These are handled by this:
-moz-border-radius-topleft / -webkit-border-top-left-radius
-moz-border-radius-topright / -webkit-border-top-right-radius
-moz-border-radius-bottomleft / -webkit-border-bottom-left-radius
-moz-border-radius-bottomright / -webkit-border-bottom-right-radius