css3圆角(css3圆角和有趣案例)

怎么处理CSS3的边框圆角border-radius？

圆角处理时，脑中要形成圆、圆心、长半径、短半径的

概念，正圆是椭圆的一种特殊情况。

by三人行慕课

可分别设置长、短半径，以“/”进行分隔，遵循“1，2，3，4”规则，参考手册练习熟悉各种简写方式。

by三人行慕课

表格运用圆角需要 border-collapse: separate;

当圆角半径小于或等于边框宽度时，元素内角是直角

by三人行慕课

CSS3实现圆角边框除了像素还能怎么弄？

还有两种方法，一是用CSS3的 border-radius属性，如果在非IE浏览器中，可以使用-moz-border-radius或-webkit-border-radius这两个属性，第二种是用圆角的图片实现，这个方法现在网上用的比较多

css3 怎么实现border-image圆角的问题

给图片加入boder-radius，数值越大，图片的圆角弧度越大。

img{border-radius:?25px;}

如图

原图

如果圆角要求不一样，可以这样写

img{border-radius:25px?10px?50px?0;}//左上角、右上角、右下角、左下角(顺时针顺序)

这样写左下角无弧度。