background-clip 规定背景的绘制区域，超出部分被裁剪掉，仅留下规定部分。

background-clip: border-box|padding-box|content-box;

• border-box 背景被裁剪到边框盒。
• padding-box 背景被裁剪到内边距框。
• content-box 背景被裁剪到内容框。

很容易理解：
border-box是将内容、填充、边框三个区变成一个整体；
padding-box是将内容、填充变成一个整体，边框border内容除外；
content-box是只要内容区域，padding填充和border边框都舍弃在外