backgruond-clip

作用：设置背景图的向外裁剪的区域。
语法
1. border-box ： 从border 区域开始向外裁剪背景。 —— 默认值
2. padding-box ： 从padding 区域开始向外裁剪背景。
3. content-box ： 从content 区域开始向外裁剪背景。
4. text ：背景图只呈现在文字上。
注意：若值为text ，那么backgroun-clip 要加上-webkit- 前缀。

---

1. border-box ： 从border 区域开始向外裁剪背景。 —— 默认值

---

2. padding-box ： 从padding 区域开始向外裁剪背景。

background-clip: padding-box;

从padding 区域开始向外裁剪背景。

---

3. content-box ： 从content 区域开始向外裁剪背景。

content-box ： 从content 区域开始向外裁剪背景。

---

4. text ：背景图只呈现在文字上。