Border Radius

#border_radius1 {
text-align:center;
margin:0 auto;
height:50px;
width:580px;
border: 5px solid #c4c8cc;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}

#border_radius2 {
text-align:center;
margin:20px auto;
height:50px;
width:580px;
border: 5px solid #c4c8cc;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 0px;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 15px;
-khtml-border-radius-topleft:15px;
-khtml-border-radius--topright:15px;
-khtml-border-radius-bottomright: 0px;
-khtml-border-radius-bottomleft: 0px;
border-radius-topright-topleft:15px;
border-radius-topright-topright:15px;
border-radius-topright-bottomright: 0px;
border-radius-topright-bottomleft: 0px;
}

Preview

border-radius & rounded corners