css3基本属性

1.浏览器前缀

（1）-webkit- （webkit、chrome、Safari）

（2）-moz-（Firefox）

（3）-ms-（Internet explorer）

（4）-o-（opera）

推荐在最后写上一条无前缀的声明！

2.为元素创建圆角（border-radius）

（1）为元素创建相同的四个圆角：-webkit-border-radius：10px；

（2）为元素创建一个圆角：-webkit-border-top-left-radius：10px；//创建左上角的圆角

                                      -moz-border-radius-topleft：10px；

（3）为元素创建椭圆形圆角：-webkit-border-radius：x/y；//x：原角在水平方向上的半径大小   y：原角在垂直方向上的大小

（4）为元素创建圆形圆角：-webkit-border-radius：r；//r：元素的半径大小，r的值应该等于元素高度或宽度的一半。

现在，所有新版本的浏览器都支持无前缀的border-radius属性。