css魔法系列(3)

原创 雨花茶 随笔 css 259阅读 2017-05-19 15:01:39 举报

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

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复