css中的background属性想必大家已经用了无数遍，但是对于CSS3属性background-clip你可能还不太了解，那么今天我们就专门来聊聊这个属性。 clip，英文意为 “裁切，修剪”，所以很显然，background-clip属性肯定与背景裁切有关，而事实也正是如此。 background-clip存在以下四个属性值，他们分别是： border-box、padding-box、content-box 和 text

background-clip属性值：

background-clip浏览器支持

IE9+、Firefox、Opera、Chrome 以及 Safari 支持 background-clip 属性。注释：Internet Explorer 8 以及更早的版本不支持 background-clip 属性。

background-clip属性讲解

.box{ background-clip: border-box;}

.box{ background-clip: padding-box;}

.box{ background-clip: content-box;}

.box{ -webkit-text-fill-color: transparent; background: -webkit-linear-gradient(right,#0f0,#00f); -webkit-background-clip: text;}

链接: https://www.fly63.com/article/detial/4469