CSS背景属性详解
本文详细解析了CSS中background-origin和background-clip两个属性的区别及应用。background-origin定义背景图像绘制的起点位置，而background-clip则控制背景图像的可见区域。通过这两个属性的不同设置可以实现丰富的视觉效果。
知识归纳总结:
background-origin(默认):padding-box,这里也指定了background-position的参照点
background-clip(默认):border-box
background-origin：指定从哪儿开始绘制背景；
background-clip：不管你怎么绘制的背景，我是控制背景怎么显示，你就算绘制了我也能让你不显示。
如果设置了background-origin为border-box,而background-clip为padding-box,那么控制显示的clip会截取图片的在border-box的border下面的内容
总结：background-origin用于绘制，background-clip用于控制显示。
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
