Rounded CSS Boxes Made Easy

October 14th, 2006 | 0 Comments | Tech Stuff |

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.

Tags:

Leave a reply


Subscribe to comments with RSS or TrackBack to ' Rounded CSS Boxes Made Easy '.

March 2010
S M T W T F S
« Feb    
 123456
78910111213
14151617181920
21222324252627
28293031  

New on Flickr

Snow melt, Mahlon Dickerson Reservation
Late afternoon, Dickerson Reservation
Sandy Hook LIghthouse
Fresnel Lens, Sandy Hook Light
Pittsburgh
Yosemite Valley
Safeway
Surprise Lilies