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 over 6 years ago

3 answers

0
points
This was chosen as the best answer

Border radius for modern browsers:

http://www.css3.info/preview/rounded-border/

Image slices for everyone else.

Answered over 6 years ago by Nathan Duran
1
point

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

Answered over 6 years ago by Kyle Sevenoaks
0
points

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 over 6 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 over 6 years ago