Rounded Corners

Before round corners were available to do with CSS it was a lot of work to do some roundcorners. You have to design them in Photoshop and after that divide them into parts and do a lot of divs for them. Now it’s so simple. Go to your style.css file and search the code for the box you want to have your round corners applied and add this line of code:

border-radius: 10px;

If for example I would want to make my whole layout rounded, I would just do this:

#container{
border-radius: 10px;
}

And this is all. Now you have rounded corners. If you want to change the border radius just change 10px with the desired number. This is an example with border-radius of 25px: