理解background-clip与background-origin

原理简单：background-clip意为剪切， background-origin意为原始点（即背景图开始有效的原点）整个元素都是背景图的有效部分。

background-clip是按照实际选择值开始与结束。

而background-origin却是指定背景图的有效位置，默认是在padding开始，不管以上选择为何值，结束点都是在border最右下角。

background-origin 与 background-clip 都是有如下值:borer/padding/content