Rounded Corner using CSS.....

[psuresh1982]

Hi,

I want rounded corner tables in html page using CSS only.....

Using google i got some methods...(Rico, Spiffy Corners)

But using that methods, not able to make a border for particular rounded corner.....

If anybody know some other good resources then plz give it to me....

--------------------------
suresh

[psuresh1982]

If you want to do the rounded corners then visit the following site...it has so much of different types of rounded corners..

URL: Rico

------------------
suresh

[mythbe]

Here’s a few basic examples that should work in current versions of Firefox, Safari/Chrome, Opera and even IE9:

#Example_A {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;
}

#Example_B {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;
}

#Example_C {
height: 65px;
width:160px;
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;
}

#Example_D {
height: 5em;
width: 12em;
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;
}

#Example_E {
height: 65px;
width:160px;
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}

#Example_F {
height: 70px;
width: 70px;
-moz-border-radius: 35px;
border-radius: 35px;
}