实际使用中有什么区别？分别适应什么情况

同学你好，问题解答如下：

1、background-clip 属性规定背景的绘制区域，也就是图片从什么位置开始被裁剪。属性值有：

border-box    背景被裁剪到边框盒，默认值。   

padding-box    背景被裁剪到内边距框。 

content-box    背景被裁剪到内容框。

例如：图片被裁剪到内容框：

2、 background-origin 属性规定 background-position 属性相对于什么位置来定位，两个属性一起配合使用。属性值有：

padding-box    背景图像相对于内边距框来定位，默认值。    

border-box    背景图像相对于边框盒来定位。   

content-box    背景图像相对于内容框来定位。    

例如：图片相对于border-box定位，background-position属性值默认为0% 0%，从左上角开始显示。

如果我的回答帮助到了你，欢迎采纳，祝学习愉快~