CSS Rounded Corners

Would you like to be able to add a rounded corner box to your web page to display news items, sales items or just about anything but dread the thought of trying to create the corners with your graphics program? Never fear, help is close by.

  • RoundedCornr – This generator will allow you to create basic rounded corners, rounded corners with gradients, rounded corners with borders
  • curvyCorners – curvyCorners is a free JavaScript program that will create on-the-fly rounded corners for any HTML DIV element, that look as good as any graphically created corners.
  • CSS Round – Creates a text page with round corner. You can define your own options : Radius value, Round color, Background color, Text color and size of round content you want. After generating the corners, you will get the 4 corners iamges, the html and css code in a ZIP file.
  • Corner Shop – Once you have entered your chosen values, click Create Graphics. The four images, CSS code, and HTML code are generated that you can use to make your own rounded-corner boxes.

If you need a place to select some of the colors to use, check out Colour Lovers or Adobe Kuler. If you have a site where you are using rounded corners, send me the url of your site. I would love to give some real life examples.

Examples: Rounded Corner Boxes


  1. A nice little selection of rounded corner options there mate, nice research. After checking them all out, I would strongly recommend curvy corners to anyone as it is by far the best script out of all 4 you have mentioned. It is small and very simple to install, I would give that script 10/10 just what i was looking for.

    Thanks mate.

Speak Your Mind