圆角边框：盒子的圆角

圆角边框：盒子的圆角

在css中定义：border-radius:length;

length:表示为画圆的半径大小;
也就是说这样定义： border-radius:10px;
10是代表你圆角的弧度。越大越明显！！！
当然也可以用百分比来表示：比如： border-radius:10%;

如果像设置成员一个圆形的，那么我们直接设置为盒子的一半，

如果我们盒子是一个正方形，高度为100px;宽度为100px;
那我们这样设置就好了 border-radius:50px;或者border-radius:50%;
length:高度一半/宽度一半！

圆角矩形

如果是一个矩形，那我们设置为高度的一半就可以了。

当然我们也可以一个一个设置

border-radius:10px 20px 30px 40px;
这样设置，我们是从左上角开始设置，然后顺时针进行设置，每一个数值都是对应角的弧度。

如果要单独设置其中一个的话，我们就这样写：
左上角：border-top-left-radius:10px;
右上角：border-top-right-radius:10px;
左下角：border-bottom-left-radius:10px;
右下角：border-bottom-right-radius:10px;