Curved edges

[sugan]

Hi,

i'm having one table in my page and i want to add a shadow like thing to the table and also interested to have a curved edges for the table which would be nice to look.

I tried some things but couldn't get those things correct..

Is there any css properties to have this look and feel.

I know that something would be there in css but couldn't find it!

I'm deadly looking for this , if any one of u help me it would be nice.

Regards,
Sugan

[lavazza]

Eric Meyer's curvelicious [meyerweb.com] might be helpful

[edited by: DrDoc at 4:41 pm (utc) on July 16, 2007]
[edit reason] This one we can actually link to ;) [/edit]

[DrDoc]

Welcome to WebmasterWorld! [WebmasterWorld.com]

The ragged float [meyerweb.com] (also Eric Meyer) expands on this even further.

[distorto]

I was obsessed with doing curved corners using solely css for a while and then gave up. I made much nicer looking corners with images and it seemed like all of the "pure css curved corners" solutions used images anyways (sometimes 1px but still)...and are so long and complex that it was always possible to screw them up in at least a few different ways.
Has anyone had a different experience? I would love to find out that I missed something! the perfect css curved corner...sounds nice.

[londrum]

there is a CSS property for it, but it only works in firefox and safari at the moment.

{
border: 1px solid black;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
}

border-radius is the actual thing that does it, and -moz- and -webkit- make it work for firefox and safari respectively.

[distorto]

Wow. I can't wait for this to become a cross browser standard.