background-origin背景开始与background-clip背景裁剪与区别和使用

background-origin和background-clip同为CSS属性，并且同为banckgound-image服务。

background-origin 背景原点

background-origin代表的是背景图片开始的原点，其中三个属性值

1. content-box表示以内容区的左上角为原点展开背景图片
   

2. padding-box表示以内填充区左上角为原点展开背景图片
   

3. border-box表示以表框左上角为原点展开背景图片

   

---

background-clip 背景裁剪

background-clip代表的是背景图片裁剪的区域，其中三个属性值

1. content-box表示裁剪超出内容区的内容
   

2. padding-box表示裁剪超出内填充区的内容
   

3. border-box表示裁剪超出边框区的内容