圆角 – border-radius

border-radius用于设置盒子的圆角

border-radius常见的值

• 数值: 通常用来设置小的圆角, 比如6px;
• 百分比: 通常用来设置一定的弧度或者圆形;

*border-radius事实上是一个缩写属性

• 将这四个属性 border-top-left-radius、border-top-right-radius、border-bottom-right-radius，和 border-bottomleft-radius 简写为一个属性;
• 开发中比较少见一个个圆角设置;

** 如果一个元素是正方形, 设置border-radius大于或等于50%时，就会变成一个圆**