This nifty little jQuery plugin will allow you to have anti-aliased rounded corners on your design without the hassle of creating images or worrying about browser compatibility. Note that it’s just a jQuery plugin which means that you’ll also need the jQuery library which you can get for free.

How does jQuery Corners do it?

Well, first it checks if the browser supports rounded corners and if so uses the browser’s built-in rounded corners support. If the browser however doesn’t support rounded corners, then jQuery Corners uses its own algorithm to emulate rounded corners. I took a look at the algorithm’s generated code and it looks like it’s using DIVs with varying width and colors to do to the trick. Simple and elegant but most of all it works.

Give it a try for yourself – jQuery Corners