How to create rounded corners using css?

July 14, 08 by the programmer
CSS3 Offers a lot new possibilities for the designers and programmers. One of the new option is the ability to make rounded corners.

Unfortunately as always we have problems with Internet Explorer, it doesn’t support this feature, only Mozilla/Firefox and Safari 3 supports it.

Top left rounded corner:

Firefox: -moz-border-radius-topleft: 10px;

Safari: -webkit-border-top-left-radius: 10px;

Top right rounded corner

Firefox: -moz-border-radius-topright: 10px;

Safari: -webkit-border-top-right-radius: 10px;

Bottom left rounded corner

Firefox: -moz-border-radius-bottomleft: 10px;

Safari: -webkit-border-bottom-left-radius: 10px;

Bottom right rounded corner

Firefox: -moz-border-radius-bottomright: 10px;

Safari: -webkit-border-bottom-right-radius: 10px;

This entry no have comments... but you can be first.

Leave a Reply