Theme corners

You've probably noticed that a lot of websites these days use rounded corners in their styles. For example, a login box containing inputs for a username and password and a login button, is rectangular in shape. However, instead of having straight corners with right angles, these rectangular boxes will have slightly rounded corners.

The login box is a simple, but common example of compartmentalized content we apply styles to as user interface designers. We want each one of these components to share the same theme and to look professionally polished. Rounded corners are a simple way to up the aesthetic appeal of your web site. However, it hasn't always been so simple to do. Luckily, jQuery UI themes provide us with the necessary tools to apply corner styles to our widget components in a theme-friendly way.