Home > Blog > Coding > Quick Coding Tips: Rounded corners

The following CSS added to an element will give it rounded corners:

-moz-border-radius:1px; /* For Firefox */
-webkit-border-radius:1px; /* For Chrome & Safari */
border-radius:1px; /* CSS3 property, for FireFox 4, IE9 and Opera */

Unfortunately IE8 and below have no CSS support.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>