3. 灵活的背景定位
有时我们需要背景图片和容器边角之间留一个空隙, 空隙是容器的 padding 值. 效果见代码.
我们会想到用 background-position 就可以了呀. 但是我们需要额外的尺寸. 不利于代码的重复利用.
CSS3 里为我们提供了一个 background-origin 的属性, 应用于背景图片的渲染.
他有 3 个值如下
padding-box:
从 padding 区域 (含 padding) 开始显示背景图像.
border-box:
从 border 区域 (含 border) 开始显示背景图像.
content-box:
从 content 区域开始显示背景图像.
html 代码
来源: http://www.qdfuns.com/article/44439/1be55431c990033458dc3ee69ed30af9.html