关于origin和clip

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

1、background-origin 属性规定 background-position 属性相对于什么位置来定位，一般这两个属性一起使用。例如

边框设置了透明效果，设置图片从padding位置开始定位显示（左上角），水平方向移动了50px，所以左侧是空白的。可以看到右侧和下方边框中显示了图片，这是因为图片宽高大于盒子宽高。如果不想图片显示在边框，这时候就用到background-clip属性了。

2、background-clip 属性规定背景图片的绘制区域

从padding处开始裁剪，右侧和底部边框就不再显示图片了。

简单理解这两个属性就是background-origin定义图片定位的起始位置（一般指左上角），background-clip定义图片被裁剪到哪里。

自己测试理解下，祝学习愉快！