CSS3——圆角(Border Radius)

1、四个角的圆角半径都一样的情况：

-webkit-border-radius: 10px; /*webkit内核支持*/
-moz-border-radius: 10px;/*Gecko内核支持*/
border-radius: 10px; /*CSS3支持*/

2、四个角的圆角半径都不一样的情况：

-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 20px;
-webkit-border-bottom-right-radius: 40px;
-webkit-border-bottom-left-radius: 20px;

-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 20px;
-moz-border-radius-bottomright: 40px;
-moz-border-radius-bottomleft: 20px;

border-top-left-radius: 10px;
border-top-right-radius: 20px;
border-bottom-right-radius: 40px;
border-bottom-left-radius: 20px;

引用

圆角生成工具：http://border-radius.com/