-
Contributing Member
Rounded Corner using CSS.....
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
-
Contributing Member
Re: Rounded Corner using CSS.....
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
-
Junior Member
Re: Rounded Corner using CSS.....
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;
}
Posting Permissions
- You may not post new threads
- You may not post replies
- You may not post attachments
- You may not edit your posts
-
Forum Rules