background-origin与background-clip的区别

作者 likaiqiang 日期 2017-03-31
background-origin与background-clip的区别

background-origin与background-clip的属性值很相似,但是两者有着根本性的差异,先来看个demo

其实这个demo已经能说明问题了。

还是解释一下吧

background-origin

background-origin有三个值,content-box、border-box、padding-box,默认是padding-box,表示背景图片从哪种盒模型开始平铺。

background-clip

background-origin有三个值,content-box、border-box、padding-box,默认是padding-box,表示背景图片到哪种盒模型结束。

PS:其实文字解释起来不好解释,还是看demo吧。