background-origin 属性用于指定背景图片（或背景渐变）的起始位置，即背景图像相对于容器框的位置。该属性可以取以下值：

1. padding-box（默认值）： 背景图像相对于内边距框的左上角定位。
    background-origin: padding-box;

2. border-box： 背景图像相对于边框框的左上角定位。
    background-origin: border-box;

3. content-box： 背景图像相对于内容框的左上角定位。
    background-origin: content-box;

这些值决定了背景图片在元素框内的具体位置。例如：
.element {
  background-image: url('background.jpg');
  background-origin: border-box;
  padding: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
}

在这个例子中，background-origin: border-box; 表示背景图像相对于边框框的左上角定位。因此，背景图像将覆盖整个元素框，包括内边距、边框和内容区域。如果使用不同的 background-origin 值，背景图像的定位会发生相应的变化。


转载请注明出处：http://www.zyzy.cn/article/detail/5996/CSS