background-clip的用法

background-clip 是一个 CSS 属性，用于指定背景图片或颜色应该绘制到元素的哪个区域。该属性可用于控制背景图片或颜色的裁剪方式，以及控制背景是否应该延伸到元素的边框区域。它有以下取值：

• border-box：默认值，背景延伸到边框的外沿；
• padding-box：背景延伸到内边距边界；
• content-box：背景仅限于内容框内。

除了以上三个取值，还有一个叫做 text 的取值，它可以将背景限制在文本的前景色范围内。

例如，如果要将背景图片限制在内边距边界内，可以这样设置：

background-clip: padding-box;

如果要将背景图片限制在文本的前景色范围内，可以这样设置：

background-clip: text;