background-clip属性：border-box/padding-box/content-box;
从最外层到最内层，分别为border, padding和content,
其中border-box指的是背景切到border一层，为默认值。
padding指的是背景切到内边距的位置，content指的是切到内容的位置。
利用background-clip属性可以用来制作透明边框。
（透明边框： http://dabblet.com/gist/012289cc14106a1bd7a5）
currentColor/inherit(继承从父元素那里的属性，利用:before制作三角形的时候，border和background可以使用inherit，就可以继承原有的颜色了。)
HSLA颜色：
H：
Hue(色调)。0(或360)表示红色，120表示绿色，240表示蓝色，也可取其他数值来指定颜色。取值为：0 - 360
S：
Saturation(饱和度)。取值为：0.0% - 100.0%
L：
Lightness(亮度)。取值为：0.0% - 100.0%
A：
Alpha透明度。取值0~1之间。
RGBA颜色：
R：
红色值。正整数 | 百分数
G：
绿色值。正整数 | 百分数
B：
蓝色值。正整数 | 百分数
A：
Alpha透明度。取值0~1之间。
