晨曦的阳光淌进窗户，给你送出我的祝福，打开手机查看，温馨，一点点爬上你的笑脸，你是快乐的，我就是幸福的，早安！
相信除了我以外，还有不少童鞋在学习到background-clip和background-origin的时候都很疑惑，这俩哥们儿到底啥区别。 想搞清楚它们的区别还不简单？且看下面的DEMO：
复制代码
代码如下:.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: border-box;
border: 20px dashed black;
}
复制代码
代码如下:.test {
background-image: url(pic.jpg);
background-clip: border-box;
background-origin: padding-box;
border: 20px dashed black;
}
复制代码
代码如下:.test {
background-image: url(pic.jpg);
background-clip: padding-box;
background-origin: border-box;
border: 20px dashed black;
}
由于鄙人比较懒，就不放效果图了，有兴趣的童鞋可以自己去试试，这里可以看出，实际上background-clip决定的是背景从哪个区域开始显示，而background-origin决定的是背景从哪个区域开始绘制。
本文CSS3中background-clip和background-origin的区别示例介绍到此结束。一个人只有亲眼看到自己伤疤的时候才知道什么是痛，什么是对与错小编再次感谢大家对我们的支持！