Tom McGee's Blog

There are a lot of resources out there for doing this, but most of the ones I tried just gave me a headache. NeuroticWeb has put up a tool that makes it simple. Enter your foreground and background colors, and it not only gives you the correct (and simple!) HTML+CSS, it generates five little GIF images to use as corners. Right-click on them and save them, put the right paths in your stylesheet, and you’re good to go.

The only downside is you have to settle for a single option for the curve radius. But there’s no reason why you couldn’t Photoshop your own to your own spec. Unless you don’t have $800 to shell out for Photoshop.

I’m building something where I’m nesting boxes inside of each other, giving me a nice curved border all around.