CSS Rounded Corner

I’ve been slaving away updating my CSS knowledge and hit a little wall when coming to Rounded Corners.  Most of the options I got was to either use images or a bunch of div tags, which worked, but took time and effort. Fortunately my Google fingers picked up on THIS TUTORIAL and now I’m as happy as can be.

The short solution to create CSS Rounded Corners:

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

The “moz-border-radius” is for Firefox support.

For a quick example see our forum. The CSS I used there:

#fwoutside
{
padding:5px 5px 5px 5px;
-moz-border-radius: 15px;
border-radius: 15px;
border: 1px solid grey;
height:960px;
width: 1000px;
margin: 10px auto;
}