border-radius：圆角边框效果。

目前支持的浏览器有：Firefox 3.0+、Chrome 4.0+、Safari 3.1+、IE 9+、Opear 10.5+。

用法：

-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;

解释：

• Firefox支持的CSS圆角代码：-moz-border-radius:10px;
• webkit内核的Safari和Chrome支持的CSS圆角代码：-webkit-border-radius:2px;
• Opera和IE9支持的CSS圆角代码：border-radius:10px;

上面是四角半径相等的CSS圆角代码，下面是四角半径不等的圆角代码：（它们的半径分别为10px、20px、30px、40px）

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 30px;
-webkit-border-bottom-left-radius: 40px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 30px;
-moz-border-radius-bottomleft: 40px;
border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 30px;
border-bottom-left-radius: 40px; 

代码不多，也很容易理解，很方便记。不过如果你像我一样懒的话，这里给你一个自动生成CSS圆角代码的网站：http://border-radius.com/，国际著名网页设计师Jacob Bijani的作品。