background-clip: border-box;

div的背景图片从元素左上角内部padding开始

background-clip: padding-box;

整个背景（包括背景色和背景图片）在超过 padding 外边缘的部分全部被裁剪掉，此时不是成比例裁剪，而是直接将超出 padding 边缘的背景剪掉

background-clip: content-box;

div的背景只在内容区域显示，超过内容边缘的背景直接被剪掉