html将一张任意相对路径图片指定background-origin属性为border-box

HTML中的`background-origin`属性用于定义背景图像的位置相对于其容器边框或内边距的起始点。当你设置`background-origin`为`border-box`时，背景图片会开始于元素的边框之内，这意味着图片的填充、边框和外边距都会影响到背景的位置。举个例子，如果一个div设置了`background-image`和`background-origin: border-box`，那么图片的左上角将对齐div的边框，而不是content区域。

CSS示例：

div {
  width: 200px;
  height: 200px;
  background-image: url('relative-path/to/image.jpg');
  background-repeat: no-repeat;
  background-position: center; /* 图片会在中心位置 */
  background-origin: border-box;
}

在这个例子中，不论图片的实际大小如何，它总是填充div的整个边框区域，包括边框和内边距。