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 '.

February 2012
S M T W T F S
« Jan    
 1234
567891011
12131415161718
19202122232425
26272829  

New on Flickr

butterfly
color_field
Assateague NWLR
Inquisitive
Small Ferns
Tillman Ravine
Tillman Ravine
Bunny Kiosk