CSS3中新增了圆角边框样式,可以将盒子变为圆角。
语法:
border-radius:length
例:
radius(半径)圆角原理: 设置一个length半径大小的圆与盒子相交,保留相交后的圆角。
说简单就是用很多div,设置他们border-left和border-right 堆出一个圆角出来,就是从上到下改变他们的margin-left和margin-right,最上面的的margin的值最大,最下面的margin值最小! 原理就是这样的!CSS3中新增了圆角边框样式,可以将盒子变为圆角。
语法:
border-radius:length
例:
radius(半径)圆角原理: 设置一个length半径大小的圆与盒子相交,保留相交后的圆角。
说简单就是用很多div,设置他们border-left和border-right 堆出一个圆角出来,就是从上到下改变他们的margin-left和margin-right,最上面的的margin的值最大,最下面的margin值最小! 原理就是这样的!