Tutorial - Rounded corners w/o images pure CSS

[Ornlu]

The newest versions of Opera, Safari and Chrome support the
border-radius property.

But there are people with outdated browsers too

Ornlu Reviewed by Ornlu on 17th Oct 2010. Tutorial - Rounded corners w/o images pure CSS The easy part ? Firefox, Safari & Chrome It?s best to avoid hacks if at all possible, and luckily Firefox, Safari and Chrome all support rounded corners through native CSS methods. Let?s apply a border-radius of 20 pixels to everything with the class ?rounded-corners?: .rounded-corners { -moz-border-radius: 20px; -webkit-border-radius: 20px; -khtml-border-radius: 20px; border-radius: 20px; } Rating: 5