Friday, August 19, 2011

CSS FOR RADIOUS CORNARS

Using css code to rounded corners for Safari/Chrome, Opera and IE9 is below.
 source code
.test{ border-radius: 10px; }

But it not support Firefox, for Firefox you have to write blow code.
source code 
.test{ -moz-border-radius: 10px; }

The css code that universally accepted, means in all browser is given below-
.test{ border-radius: 15px; -moz-border-radius: 15px; }

 Hear (.test) is class in css.
(border-radius: 10px; ) &(-moz-border-radius: 10px;)is css property to round the corner.
And 10px represent what extend you want to round the corner.

No comments:

Post a Comment