CSS中的background-origin属性共有3个取值：padding-box、border-box和content-box。
padding-box：背景图片的定位基准点为容器的内边距框（即padding box），背景图片不会超出内边距框范围。border-box：背景图片的定位基准点为容器的边框框（即border box），背景图片不会超出边框框范围。content-box：背景图片的定位基准点为容器的内容框（即content box），背景图片会超出内边距框和边框框范围。其中，padding-box是默认值。
可以使用background-clip属性来进一步控制背景图片的显示范围。常见的取值有border-box和padding-box。如果设置为padding-box，则背景图片会被裁剪在内边距框内；如果设置为border-box，则背景图片会被裁剪在边框框内。