圆角边框border-radius

border-radius属性是用来设置圆角边框的，就是在四周生成圆角。

border-radius的属性值越大，周围圆角的弧度也就越大越圆。

指定每个角

border-radius 属性可以接受一到四个值。规则如下

border-radius 属性可以接受一到四个值。规则如下

四个值 - border-radius: 15px 50px 30px 5px;（依次分别用于：左上角、右上角、右下角、左下角）

三个值 - border-radius: 15px 50px 30px;（第一个值用于左上角，第二个值用于右上角和左下角，第三个用于右下角）

两个值 - border-radius: 15px 50px;（第一个值用于左上角和右下角，第二个值用于右上角和左下角）

一个值 - border-radius: 15px;（该值用于所有四个角，圆角都是一样的）

设置个圆

如果我们有一个的宽高是100px的圆，那么我们可以做设置吧圆角设置为50px(50%也行)，那么就是成功设置了一个圆形。