Round corners

[Johnathan]

Can someone please explain how to do the whole round corner DIV thing please? I've looked at loads of online examples, copied their html and css and images and it still doesn't work. So can someone explain it really simple? PLEASE!!!

[rangana]

This works in FF and Safari, I bet Opera will not be far later:

Code: Select all

<div style="background-color: #9c0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border: 1px solid #555;
padding: 10px;
height:50px;
width:300px;
text-align:center;">
Content
</div>


You can have a good read on CSS3.info for border-radius property.

...But that would'nt work on IE (nothing new). You might find these links useful:
http://kalsey.com/2003/07/rounded_corners_in_css/
http://www.sitepoint.com/article/css-ro ... es-curves/
http://www.cssjuice.com/25-rounded-corn ... -with-css/
http://www.html.it/articoli/nifty/index.html

[Johnathan]

Ok thanks, I'll give them a try.