background-clip与background-origin两者的区别
2016-08-31 13:42
363 查看
第一篇随笔有提到 background-clip与background-origin两者的区别,但是太字面化了,对于小白而言甚是难以理解,包括我自己,在第二次去理解的时候,反而蒙圈了。所以,查阅了一些资料,用自己的理解,简单点,简单点,简单点。。。
background-clip指定了背景可以覆盖到什么范围,包括覆盖到了那个位置上(例如:设置background-origin :border,则实际的效果是从border开始,并覆盖了border)。
background-origin指定了背景从什么位置开始,不包括那个位置(例如:设置background-origin :border,则实际的效果是从padding开始,并不覆盖border)。
background-clip会比较有用,毕竟显示背景一般都希望在内容区显示,这样就可以设置padding而不用担心背景会出现在padding区域。
background-origin 设置padding,背景会出现在padding区域。
background-clip指定了背景可以覆盖到什么范围,包括覆盖到了那个位置上(例如:设置background-origin :border,则实际的效果是从border开始,并覆盖了border)。
background-origin指定了背景从什么位置开始,不包括那个位置(例如:设置background-origin :border,则实际的效果是从padding开始,并不覆盖border)。
background-clip会比较有用,毕竟显示背景一般都希望在内容区显示,这样就可以设置padding而不用担心背景会出现在padding区域。
background-origin 设置padding,背景会出现在padding区域。
相关文章推荐
- css3之background-origin和background-clip的区别与联系
- css3中background-clip和background-origin的区别
- 【CSS3】background-origin和background-clip的区别
- CSS3中background-clip和background-origin的区别
- css3属性中background-clip与background-origin的用法区别?
- CSS3中background-origin和background-clip的区别
- CSS3中background-clip和background-origin的区别示例介绍
- background-origin和background-clip的区别
- background-clip 与 background-origin 的区别
- css3中background-clip和background-origin的区别
- background-origin与background-clip的“区别”
- HTML/CSS: background-clip 与 background-origin的区别
- background-clip/origin一则运用
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- css3属性中background-clip与background-origin的用法释疑
- 【android】ImageView的src和background的区别以及两者的妙用
- css3,background-clip/background-origin的使用场景,通俗讲解
- text-shadow,background-origin,background-size,background-clip
- 【android】ImageView的src和background的区别以及两者的妙用
- background-clip及backgound-origin效果比较