Rounded Corners with CSS (With No Images)

Rounded Corners with CSS (With No Images)
Rounded corner CSS without images
Rounded Corners:
CSS Rounded Corners for Mozilla Firefox
CSS Rounded Corners for -WEBKIT BROWSERS

Standard: CSS : 

CSS for Standard Corners:

.class {

-moz-border-radius: 15px;

-webkit-border-radius: 15px;

border-radius: 15px; 

-khtml-border-radius: 15px; /* for old Konqueror browsers */ 

}

CSS for Individual Corners:

.class {

-moz-border-radius-topleft: 15px;

-moz-border-radius-topright: 25px;

-moz-border-radius-bottomright: 35px;

-moz-border-radius-bottomleft: 0;

-webkit-border-top-left-radius: 15px;

-webkit-border-top-right-radius: 25px;

-webkit-border-bottom-right-radius: 35px;

-webkit-border-bottom-left-radius: 0;

border-top-left-radius: 15px;

border-top-right-radius: 25px;

border-bottom-right-radius: 35px;

border-bottom-left-radius: 0;

}

Short CSS for Rounded Corners:

-moz-border-radius: [top-left] [top-right] [bottom-right] [bottom-left]

Example:  -moz-border-radius: 15px 25px 35px 0;

(Firefox 3.5+):

-moz-border-radius-topleft: [horizontal radius] [vertical radius];

Example: -moz-border-radius-topleft: 10px 40px;

We can write like this also 

-moz-border-radius-topleft: 15px 20px;

-moz-border-radius-topright: 25px 35px;

-moz-border-radius-bottomright: 35px 40px;

-moz-border-radius-bottomleft: 45px 65px;

CSS FOR WebKit Elliptical Rounding

All corners:

-webkit-border-radius: 33px 11px;

LEFTcorners only:

-webkit-border-top-left-radius: 52px 32px; 

-webkit-border-bottom-left-radius: 52px 32px;

Reference URL