rounded corners… without images

A piece of css which will create the impression of rounded corners without any images, javascript , proprietary css, and practically no extra html. The method is inspired by a technique used on google reader though I have to say… I think my methods cleaner.

view demo

Admittedly, it’s pretty inflexible in that there’s no control over corner radius (2 pixels) but I though it was worth posting as there may be instances where it comes in useful. I’ll try and write up the method when I get time but for now you can just view the source.

This entry was posted on Monday, October 20th, 2008 at 3:00 pm and is filed under CSS, Technique, Web design. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.