border-radius 指定角定义

Css 中的 border-radius 字面意思就是边框的半径长度，用来定义元素四个角的圆角边框。一般情况下，我们都会直接定义 border-radius 的值。

border-radius: 2px;

那么我们如果要单独定义元素的指定角的圆角呢？其实 border-radius 与 border 或者 margin 等一样，也有四个不同的值分别用来定义左上角，右上角，右下角，左下角的圆角。因此上面的代码等价于：

//左上角
border-top-left-radius: 2px;
//右上角
border-top-right-radius: 2px;
//左下角
border-bottom-left-radius: 2px;
//右下角
border-bottom-right-radius: 2px;