background-clip 属性规定了背景图片或颜色的绘制区域。默认情况下，背景会延伸到边框盒的外边界，但是通过设置 background-clip 属性，我们可以控制背景的绘制区域。
语法
---------------- ---------------------------------------------------
border-box：背景绘制区域从边框盒开始，延伸到外边界。padding-box：背景绘制区域从内边距盒开始，延伸到外边界。content-box：背景绘制区域从内容区域开始，延伸到外边界。initial：设置属性为默认值。inherit：从父元素继承属性值。
示例
--- - ------ ------ ------- ------ ------- --- ----- ------ -------- ----- ----------------- ---------- ---------------- ----------- -
在上面的示例中，background-clip 属性被设置为 border-box，背景颜色将会延伸到边框盒的外边界，覆盖边框的部分。
--- - ------ ------ ------- ------ ------- --- ----- ------ -------- ----- ----------------- ---------- ---------------- ------------ -
在这个示例中，background-clip 属性被设置为 padding-box，背景颜色将会被限制在内边距盒内，不会延伸到边框之外。
--- - ------ ------ ------- ------ ------- --- ----- ------ -------- ----- ----------------- ---------- ---------------- ------------ -
最后一个示例中，background-clip 属性被设置为 content-box，背景颜色将会被限制在内容区域内，不会延伸到内边距盒或边框之外。
通过使用 background-clip 属性，我们可以更精确地控制背景的绘制区域，从而实现更加灵活多样的样式效果。