CSS3 Rounded Corners: Border Radius Example

This article provides a simple example of using CSS to create rounded corners. Below you will also find the definitions for how to use CSS rounded corners in your own CSS.

This CSS property is not full supported by Internet Explorer, but more contemporary browsers do support this property.

Here is a simple example of how to employ CSS rounded corners:

.my_css_class {
-moz-box-shadow: 3px 3px 3px 3px #000;
-webkit-box-shadow: 3px 3px 3px 3px #000;
box-shadow: 3px 3px 3px 3px #000;
}

CSS3 Rounded Corners Browser Definitions

Learn more:

1. How to prevent a line break with an H1 and H2 tags (header tags)
2. How to use CSS drop shadows
3. CSS Conditional Statements For Internet Explorer