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之间。