Rounded Corners with CSS

By CRAIG KUNCE

Here is a cool way to round the corners of your divs with simple css styling.

Reference: w3.org

 

The bottom legal bar on this web site features rounded corners created with the border-radius css style.

#legal {

color: #333;
text-align: left;
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
background-color: #CCC;
clear: both;
float: right;
width: 825px;
padding-top: 5px;
padding-right: 15px;
padding-bottom: 5px;
padding-left: 15px;
}

 

You could also round all four corners at once:

border-radius: 15px;