Using jQuery to Create Rounded Corners

These days, there are plenty of ways to add a variety of different rounded-corner effects to various content-containing boxes, usually <div> elements. Most use a combination of one or more images, some CSS and some JavaScript in varying amounts to achieve the desired effect, and each method has its pros and cons. One of the problems with many of the rounded-corner solutions, certainly those that rely heavily on images, is that they only allow you to create a specific style of box. So you can make as many boxes with rounded corners that you want, as long as they are all the same colour, have visually the same style, and all sit on the same coloured background.