10 November 2008 ~ Comments Off

CSS 3 talk – Rounded corners

So the last few years have brought amazing things, with the standards movement and getting companies to pay attention to the importance of following standards. In that time, I have seen over five big changes in PHP, three great changes in rails and only one in CSS. Why are we not seeing css3? Why does IE 8 beta still barley work with CSS 2.1? Crazy!

Well, time for a CSS 3 trick! I will cover rounded corners! This is only supported by Firefox and Safari. Below you should see a box with rounded corners!

This box has rounded corners!

Here is the code:

<div style="-moz-border-radius: 5px;
background-color: #333;
-webkit-border-radius: 5px;
border: 1px solid #fff;">
 
This box has rounded corners!</div>
Tags:

Comments are closed.