CSS盒子模型-圆角边框

html-css025

CSS盒子模型-圆角边框,第1张

CSS3中新增了圆角边框样式,可以将盒子变为圆角。

语法:

border-radius:length

例:

radius(半径)圆角原理: 设置一个length半径大小的圆与盒子相交,保留相交后的圆角。

说简单就是用很多div,设置他们border-left和border-right 堆出一个圆角出来,就是从上到下改变他们的margin-left和margin-right,最上面的的margin的值最大,最下面的margin值最小! 原理就是这样的!