Archive for the ‘CSS3’ Category

For example you have this class:

<div class=”rounded”>… Text Here …</div>

In your CSS code you could add these line to implement the rounded-corner box:


-moz-border-radius: 5px;

-webkit-border-radius: 5px;

border-radius: 5px;


In which:

moz-border-radius gives you compatibility with older firefox browser

-webkit-border-radius gives you compatibility with older webkit browsers, such as Safari

border-radius is a CSS3 tag that works with modern browsers, such as Safari 5, Firefox 3.5.x, Internet Explorer 9, and Google Chrome 4

But, unfortunately these styles are not working in IE6, 7, and 8