之前在看一个文章的时候有提到过，background 的这两个属性，确实不常用到，以至于没有几个人知道这两个新属性。
和他们同时期出的 background-size 因为经常用到所以被大众所熟知。
对的，这次我要说的是background-origin 和 background-clip 两兄弟
background-origin规定背景的绘制区域。background-clip规定背景图片的定位区域。
可选值都是一样的三种：
padding-box（相对于内边距框来定位/裁剪,background-origin默认值）border-box（相对于边框盒来定位/裁剪，background-clip默认值）content-box（相对于内容框来定位/裁剪）
哥俩好的 DEMO
background-origin
background-clip
乍一看两兄弟的作用还是挺像的，可选值也是一样
啥？你问
background-clip不是多了一个text？还是草案没确定呢，经常会有草案被废弃的事发生，所以等什么时候通过了再说吧（ 虽然兼容性还行主流浏览器都兼容 查看兼容性 ）
background-origin 是把背景图定位的起点修改成为设置的值得盒模型右上角，
而 background-clip 则直接粗暴的把背景图按照盒模型进行了裁剪。
所以这俩可以做到什么？暂时还没有想好到底有啥应用场景，看以后会不会用到吧，怪不得会被人遗忘…
怪不得会有 text 这个属性的出现啊