css3的background-clip 和 background-origin
2018-03-23 14:55
447 查看
css2的时候背景图会扩充至padding区域，会显得不好控制。
于是css3引入了background-clip 和 background-origin 对背景图可以更加精确的控制。
两个属性的参数都是 border-box padding-box content-box
background-clip会根据设置的参数裁剪掉多余的部分 ----- 不完整显示背景图
background-origin会根据设置的参数将背景图缩放至设定的显示范围内-----完整显示背景图
于是css3引入了background-clip 和 background-origin 对背景图可以更加精确的控制。
两个属性的参数都是 border-box padding-box content-box
background-clip会根据设置的参数裁剪掉多余的部分 ----- 不完整显示背景图
background-origin会根据设置的参数将背景图缩放至设定的显示范围内-----完整显示背景图
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- CSS3中background-clip和background-origin的区别
- css3 background-clip和background-origin
- 深入浅出CSS3：background-clip,background-origin和border-image教程
- 深入浅出CSS3：background-clip,background-origin和border-image教程
- 深入浅出CSS3：background-clip,background-origin和border-image教程
- css3中的background的新特性background-origin,background-clip,background-size详解
- CSS3教程：background-clip和background-origin
- CSS3中background-origin和background-clip的区别
- css3属性中background-clip与background-origin的用法释疑
- css3中background-clip和background-origin的区别
- css3属性中background-clip与background-origin的用法释疑
- css3 学习笔记 backgriound-origin 与 background-clip
- css3新增背景属性background-clip/background-origin/background-size
- css3,background-clip/background-origin的使用场景，通俗讲解
- css3中background-clip和background-origin的区别
- css3属性中background-clip与background-origin的用法释疑
- 【CSS3】background-origin和background-clip的区别
- 深入浅出CSS3 background-clip,background-origin和border-image教程
- css3,background-clip/background-origin的使用场景，通俗讲解
- css3属性中background-clip与background-origin的用法释疑