border-radius圆角样式，几乎都用过这个样式。
使用border-radius前，先看一个圆角是怎么组成的。
圆角.png
很明显，构成条件有两个，一个是水平半径，一个是垂直半径。
再看看，border-radius的语法：
border-radius: 1-4 length|% / 1-4 length|%;
有点看不懂。
其实，它说的意思是：border-radius的值分两部分，前面一部分可以设置1到4个值，这些值可以是百分数，后面是一样的意思，前后数值用 / 符合分割。
举个例子：border-radius：30px 40px 50px 60px / 35px 45px 55px 65px;
30px 40px 50px 60px 四个值指的的是水平半径；
35px 45px 55px 65px 四个值指的的是垂直半径；
讲到这里，应该明白了，一个矩形，有四个角，如果要对举行的四个角进行圆角设置，一共是4个圆角，每个圆角两个值（水平半径和垂直半径），一共是8个值，对应的就是语法中的8个值。
那么顺序是怎么样的呢？从左上角开始，然后是右上角，然后是右下角，左下角结束。
border-radius：8px 7px 5px 4px ;
完整写法：border-radius:8px 7px 5px 4px / 8px 7px 5px 4px;
border-radius：8px 7px ;
完整写法：border-radius:8px 7px 8px 7px / 8px 7px 8px 7px;
