How to make rounded corner using CSS

I am trying to make rounded corner rectangle using css. I am not able to make it , can anyone tell me how can I do that?

 

The CSS3 border-radius property allows utilize rounder corners in design elements, without the need for corner images or the use of multiple div tags, and this is perhaps one of the most talked about aspects of CSS3. However, IE6,7,8 doesn't support it. I've heard IE9 is supporting this property.

 
#example1 {
border-radius: 15px;
}

Code (markup):

However, for the moment, you might need to use the -moz- prefix to support Firefox

 
#example1 {
-moz-border-radius: 15px;
webkit-border-radius:15px;
border-radius: 15px;
} 

Code (markup):

 

border-radius : 10px;
won't support on CSS2.1
You can use
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-khtml-border-radius: 10px;

 

I thought you had to use an image?

 

Not for any modern browser. Only IE.

 

Actually you can use CSS for rounded corners on IE now too.
Read up on it here:
http://www.htmlremix.com/css/curved-corner-border-radius-cross-browser

 

No you cannot. That does not use CSS at all.

 

The CSS:

1. .curved {
2. -moz-border-radius:10px;
3. -webkit-border-radius:10px;
4. behavior:url(border-radius.htc);
5. }


It uses both CSS and scripting.

 

Other cool things you can use for IE:
http://fetchak.com/ie-css3/
http://selectivizr.com/