困惑在哪里？
background-clip 与 background-origin是css3中引入的两个跟元素背景相关的属性，它们有相同的可选值，即border、padding、content三种，而且这两个属性表示的都是元素背景与元素边框、补白(padding)和内容区域之间的某种关系。
比如，我们想要在边框上显示背景，我们可以使用background-origin帮我们实现（前提是边框要是透明的，不然它会覆盖住背景）
这里为了既体现出边框，又体现出边框中的背景，我特意使用了虚线的边框。(我是在chrome上做的demo,所以css3属性只使用了webkit前缀)
运行效果如下：
我们看到黑色部分是虚线的边框（因为边宽宽度很大，所以虚线看起来怪怪的），虚的地方正好露出了背景。
所以使用background-origin能够把背景显示的边框上。那background-clip又是做什么滴捏？
很多书上或文章上的解释是background-clip是用来控制背景的显示范围的，那么是不是background-clip也可以让背景显示在边框上呢？那就试试咯
还是用上面的代码，不过这回是把里面的background-origin改为background-clip
然后看下运行结果：
我们看到背景并没有在边框上显示，看来background-clip并没有这个功能。那这货到底有什么用呢？
元芳，关于background-clip与background-origin这两个东西，你怎么看？
大人，经过明察暗访，卑职已经摸清了这二人的底细，容卑职慢慢道来。
首先来看background-clip, mozilla官网上的解释是：
这解释还是很让人蛋疼，义译过来大概就是规定背景图片或颜色是否能在边框下显示。但前面已经说了，把background-clip设为border是没任何效果的。事实上，background-clip的默认值就是border
其实background-clip的真正作用是决定背景在哪些区域显示。如果它的值为border,则背景在元素的边框、补白和内容区域都会显示；如果值为padding,则背景只会在补白和内容区域显示；如果值为content，则背景只会在内容区域显示。
那为毛前面的background-clip:border不起作用？这就得说说background-origin了
这回还是不看什么官网啊手册啊什么的了，我直接说说我的理解。
