css3基础---background-clip控制元素背景显示区域

 

 

 

border-box  指定背景延伸到边框的外部边缘。边框下方绘制了背景。这是默认值。   　　从边框开始剪裁

padding-box 指定背景延伸到填充的外部边缘。边框下方未绘制背景。　　　　　　　　  从填充区开始剪裁

content-box 指定仅在内容框内（剪切到）绘制背景。在边框和填充区域下方未绘制背景。从内容区开始剪裁

 

-webkit-background-clip:text;

背景从文字区域剪裁,相当于给文字设置透明度后可以透过文字看到背景图片