颜色背景
CSS中背景颜色由background-color决定,这里的背景颜色会渲染padding和content,不会渲染border和margin部分。
在css3中可以通过background-clip来定义颜色的渲染区域:取值为content-box(仅渲染content部分),padding-box(渲染content和padding部分)和border-box(渲染content、padding);
测试过程发现padding-box和border-box渲染效果一样,不知为何有这两个值?望回帖告知,如何测试这两个值区别。
图片背景
css中通过指定background-image:url(image)来使用图片作为背景。
css3中可以使用backgound-size指定背景图片的大小,例如:background-size: 200px 300px,
还可以通过background-clip来指定背景图片区域,取值为content-box(仅渲染content部分),padding-box(渲染content和padding部分)和border-box(渲染content、padding);
还可以使用background-origin来指定背景图片的定位区域,取值为content-box(根据content定位),padding-box(根据padding定位)和border-box(根据border定位)