ROUND CORNERS

- a winning concept of free, professional and modern webdesign!

Introduction

This article will give a short description on how to add round corners to your webpage.

It will present three widly used methods:

1. round corners using table and images.
2. round corners using divs and images.
3. round corners using divs and css (without images).

Background

If you perform a search on "rounded corners" in Google, it results in 1 280 000 pages, telling that this is a hot topic!

Why are we so facinated by these soft and smooth shapes? Is it because we relate them with something feminine? Is it because we like round fruits as oranges, apples and melons? Or is it because deep inside we are all big fans of Pi and circles?

Whatever the answer is, major multi-million-dollar sites listed below uses rounded corners more or less in their design-theme. Check it out by your self!





These sites are top visited sites on internet! They uses highly professional and skilled designer. Do you think that their design and layout have any impact on their popularity? Would they be ranked as #1 with another design, and not as second or third?

With a little effort you can apply similar round corner effect by your self. Continue reading and learn how to do it the classic way on the next page.

Last update 23. nov. 2005