转：http://www.kuqin.com/shuoit/20141014/342620.html border-radius:50% 今天来聊聊这个border-radius属性，radius的英文意思是弧度的意思，而国人更喜欢称之为圆角，因为它可以使得我们的边框有棱有角 ...

传统的圆角生成方案，必须使用多张图片作为背景图案。CSS3的出现，使得我们再也不必浪费时间去制作这些图片了，只需要border-radius属性，支持浏览器IE 9、Opera 10.5、Safari 5、Chrome 4和Firefox ...

border-radius 基本语法： 　　border-radius ： none | <length>{1,4} [/ <length>{1,4} ]? 取值范围： 　　<length>： 由浮点数字和单位标识符组成的长度值。不可为负值 ...

1、border-image 描述、语法 　　在CSS3之前，border只能简单的设置一些纯色或几种简单的线型（如solid,dotted,double,dashed等）。 　　在CSS3中，border-image实现了给边框设置不同的图片效果 ...

在做网页的时候，常常需要实现圆角，以前的做法就是切图，现在好了，有了css3的 border-radius 特性之后，实现边框圆角效果就非常简单了，而且其还有多个优点：一是减少网站维护工作量；二是提高了网站的性能，少了对图片的 HTTP 的请求，网页载入速度将变快；三是增加视觉美观性 ...

border-image border-image呢，是给 边框加上背景图片的。没错，就是平常那一小小条的边框，也能加图片。 参数： 　　border-image-source 　　border-image-slice 　　border-image ...

一、border-image的兼容性 border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。所以，就本文而言，IE浏览器可以回家休息 ...

border-image 它是下面几个值的简写： border-image-source // 使用绝对或相对地址url,引入图片 border-image-slice //切割图片，取值支持:<number> 或<percentage>其中number是没有单位 ...