Adding rounded corners in CSS

Submitted by:Tim Kelly

Date added:14 June, 2012


You may add rounded corners to your CSS3-based elements, like a border or button. You can change the radius to increase or decrease the rounding of the corners. This is a styles definition rounding of each corner, it lets you individually round each of the 4 corners (still not supported in IE).

Tags: rounded corners , css elements

Code Snippet:

    <style type="text/css">
border:1px solid #c1c13a;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px; /* future proofing */
-khtml-border-radius: 10px; /* for old Konqueror browsers */