Adding rounded corners in CSS

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).

  <style type="text/css">
	/* Source: http://www.apphp.com/index.php?snippet=css-adding-rounded-corners */
    .round{
       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 */
    }
    </style>

Usage


Comments

Add your comment

Need a COVID-19 website?
Preview
Or
Contact us

No, thanks!