HTML & CSS

  Effective rounded corners using CSS

Rounded corners theme and buttons are essentially important for today's era, a Web 2.0. For a while, i have been researching the most effective way to achieve rounded corners, a few techniques are using 4 rounded tiny images to cover each corner. Meanwhile, there are other methods purely by CSS account, after a few tight selections my choice would befall on the Spiffy Box. I have used it myself on several websites, it turned out well and cross browsers compatible in IE, Firefox, Chrome, Safari, and Opera.

On the Spiffy Box site, there are 4 step by step approaches explained by the following:

1. Choose your preferred width, height, corner radius, foreground and background color, etcetra.
2. The site will automatically generate the image and what you have to do is save the picture.
3. Copy and paste the css modification below to your external .css file.