background-clip用法

值	描述
border-box(默认)	背景被裁剪到边框盒。
padding-box	背景被裁剪到内边距框。
content-box	背景被裁剪到内容框。

如下代码

    
    
    



    文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本文本

1.属性值为：border-box（背景被裁剪到边框盒）

属性值border-box

2.属性值为：padding-box（背景被裁剪到内边距框）

属性值padding-box

3.属性值为：content-box（背景被裁剪到内容框）

属性值content-box

由此特性可实现一种居中布局，如下图：

全局中

代码如下：