浅析background-origin和background-clip_background-origin: content-box; background-clip: i

语法：

background-origin{padding-box|border-box|content-box}
background-clip{border-box|padding-box|content-box|no-clip}

background-origin属性

background-origin主要是配合background-position使用，用于设定图像的基准位置。默认情况下，图像的基准区域在padding-box区域
下图（从左到右）是定义了background-origin为border-box、padding-box、content-box时的效果

这边要注意如果将background-attachment定义为fiex则background-origin属性失效

background-clip属性

用于定义背景的绘制区域，默认情况下背景颜色和图片是从border-box区域开始绘制，当定义了background-clip属性后, 不在区域内的图片将不被显示出来。