CSS中的background-origin属性可以设置背景图片的起始位置，常用的取值有以下三个：
padding-box（padding盒子）：背景图片从元素的padding区域开始显示，即距离元素的内边界较近的位置。这是background-origin属性的默认值。
border-box（border盒子）：背景图片从元素的border区域开始显示，即距离元素的内边界较远的位置。
content-box（content盒子）：背景图片从元素的内容区域开始显示，即距离元素的内边界最近的位置。
在实际应用中，我们可以根据需要选择不同的取值，来让背景图片显示的效果更符合设计预期。其中， padding-box 和 border-box 比较常用。需要注意的是，当背景图片的尺寸大于元素的尺寸时，选择不同的取值会对裁剪和重复显示产生影响。
需要高亮的关键词：padding-box、border-box、content-box。
