CSS3圆角

平时我们在写页面的时候，看到的某些区块的边角区域是有弧度的，
比如下面的这些导航栏的图标：

这就需要使用 CSS3 border-radius 属性，给任何元素制作 “圆角”。

下面就简单说一下关于 border-radius 属性的怎样去实现圆角：

border-radius里面设置的值呈顺时针变化；而且设置的值越大 ，角度弯曲的弧度也就越大；一般分为下面四种情况；
border-radius: 一个值 四个角;``
border-radius: 左上右下 右上左下
border-radius: 左上 右上左下 右下
border-radius :左上 右上 右下 左下

注：当属性有4个值时: 第一个值为左上角，第二个值为右上角，第三个值为右下角，第四个值为左下角。
当属性有3个值时: 第一个值为左上角, 第二个值为右上角和左下角，第三个值为右下角
当属性有2个值时: 第一个值为左上角与右下角，第二个值为右上角与左下角
当属性只有1个值时： 四个圆角值相同；也就是只有一个值时四个角都会呈现所设置的弧度；

一个值的代码以及效果如下：

下面三个值四个值的就直接再border-radius属性里添加修改

当然css3 的圆角属性不仅可以用于盒子，也可以用于边框属性 背景图片等；
关于圆角属性今天就说到这里，谢谢。

								逆战班：王双