你应该已经比较了解CSS里的background-position属性，浏览器会在边框内部，将背景图像相对于元素内边距的边缘来定位。CSS3以padding-box为基础，结合使用background-origin的多个属性值，可以创造很多可能性。

background-origin属性中的一种是，使背景图像相对于元素的边缘来定位，甚至延伸到边框下面。它就是border-box。

.h-card { 
background-origin : border-box; }

使用content-box，那么背景图像将会在元素的内边距以内，相对于实际内容的边缘来定位。

.h-card { 
background-origin : content-box; }