Sep
22
2008
0

Round corners pure css solution

Css 3 affords the posibility to make the corners of divs or tables round without using images.

However, some Browsers already support that features:

Safari:

-webkit-border-top-left-radius:10px;
-webkit-border-top-right-radius:0px;
-webkit-border-bottom-left-radius:10px;
-webkit-border-bottom-right-radius:10px;

Konqueror:
-khtml-border-radius-topleft:10px;
-khtml-border-radius-topright:0px;
-khtml-border-radius-bottomleft:10px;
-khtml-border-radius-bottomright:10px;

Mozilla:

-moz-border-radius-topleft:10px;
-moz-border-radius-topright:0px;
-moz-border-radius-bottomleft:10px;
-moz-border-radius-bottomright:10px;

Regards,

Philipp from YourTutorial

Written by admin in: Programming | Tags:
Terms of Use |  Privacy Policy |  Blog |  Contact