How to Create Rounded Corners in CSS

W3C has offered some new options for borders in CSS3, of which one is border-radius. Both Mozilla/Firefox and Safari 3 have implemented this function, which allows you to create round corners on box-items. Now I will show you how to do it.


IE still doesn’t support CSS3. Compatible CSS3 browsers are, Safari, Chrome and FireFox 3+.

Here is the sample below

The quick brown fox jumps over the lazy dog.

The code for this example above is actually quite simple:

You can also change the style by changing the rounded left upper corner, rounded right upper corner, rounded left lower corner, rounded right lower corner.

These are handled by / should be handled by:

That’s it, try it to your self. have fun.

by Ryan Sutana

  • John

    Hey! You show the advert of Artisteer V. 3, there is now the V.4!