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. Neu­roticWeb has put up a tool that makes it sim­ple. Enter your fore­ground and back­ground col­ors, and it not only gives you the cor­rect (and sim­ple!) HTML+CSS, it gen­er­ates five lit­tle GIF images to use as cor­ners. Right-click on them and save them, put the right paths in your stylesheet, and you’re good to go.

The only down­side is you have to set­tle for a sin­gle option for the curve radius. But there’s no rea­son why you couldn’t Pho­to­shop your own to your own spec. Unless you don’t have $800 to shell out for Photoshop.

I’m build­ing some­thing where I’m nest­ing boxes inside of each other, giv­ing me a nice curved bor­der all around.

Tags:

Leave a reply


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

September 2010
S M T W T F S
« Aug    
 1234
567891011
12131415161718
19202122232425
2627282930  

New on Flickr

Inquisitive
Small Ferns
Tillman Ravine
Tillman Ravine
Bunny Kiosk
Snow melt, Mahlon Dickerson Reservation
Late afternoon, Dickerson Reservation
Sandy Hook LIghthouse