Hi guys, I'm trying to get my Div to have nice rounded corners so it doesn't look so sloppy.

I'm loving learning HTML and CSS; it really is a whole new world from programming Win32 Applications. :)

Please check my live site to see how I'm doing things. It's very basic for now.

  • In case you don't know; my site is on the right under "Resources". I apologise if that's not what it's for. Sergio Tapia Gutierrez about 8 years ago

3 answers

This was chosen as the best answer

Border radius for modern browsers:


Image slices for everyone else.

Answered about 8 years ago by Nathan Duran

Another great lil script is DDRoundies. I use it and works wonders.

Answered about 8 years ago by Kyle Sevenoaks

I realise that this is an old question, but there is one more option that is somewhat cleaner than image slices, and works in IE7, not sure about IE6. JQuery has a plugin available to create corners of variable radius. Syntax is incredibly simple: $('.rounded').corner(10); would give it corners with a radius of10 pixels.

Answered about 8 years ago by Christian Mann
  • That's actually misleading: the plugin creates image slices and adds them to the DOM, but the source code is cleaner than doing so yourself. Christian Mann almost 8 years ago