Nov 242011
 

The code below gives rounded corners to many HTML elements, it does not need any image, or javascript or some special trick, just simple css style.
It works perfectly on Firefox, Safari and Chrome.
It does not work on Internet Explorer, but IE users do not deserve some beautiful rounded corners.

Actually I’ve used it on various elements like to obtain rounded DIV and rounded INPUT elements, it works like a charm.

.rounded-corners {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
}

  One Response to “Pure CSS Rounded Corners – without images”

  1. Works in IE9 : )
    Latest browsers support the W3C valid border-radius, so for example firefox doesn’t require the -moz-border-radius.

 Leave a Reply

(required)

(required)

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>