One of the most common ways to make things stand out in a web page is to put the content in a < div > tag with a background color and/or borders - in effect creating a box. But this only creates a square cornered box which is so to say…boring.

How would it be if you could have boxes with curved corners? I bet everybody likes nice looking curves ( ). However, to create curved corners is a little tricky. Apart from html & css you would also need a few images to get the rounded corners. But there is a very easy way to do it.

Roundedcornr.com is a site that makes it extremely easy to create boxes with rounded corners. You can create basic boxes, gradient filled boxes or boxes with borders - all with rounded corners, off course. All you need to do is enter a few parameters like the corner radius, background color(s), border color, border width etc and then click on the Create RoundedCornr button. Voila! the codes and images for your rounded box are ready.

Just copy the html code to your page, the css code to your style sheet and the images to your website folder. Make sure that you change the path to the images in the css. Roundedcornr can also help you create Buttons, Tabs, Input Boxes with rounded corners like in the adjacent image.

If you're new here, you may want to subscribe to my RSS feed or get updates through email. Thanks for visiting!