CSS3 Rounded Corners

July 8th, 2011

Web Designers and Developers can now create rounded corners without the need for
corner images or the use of multiple div tags, and is perhaps one of the most talked about aspects of CSS3.

Since first being announced in 2005 the boder-radius property has
come to enjoy widespread browser support (although with some
discrepancies) and, with relative ease of use, web developers have been
quick to make the most of this emerging technology.

#example1 {
border-radius: 15px;
}

However, for the moment, you’ll also need to use the -moz- prefix to support Firefox (see the browser support section of this article for further details):

#example1 {
-moz-border-radius: 15px;
border-radius: 15px;
}

Leave a Reply

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