CSS 背景颜色

颜色背景

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定位)

原文地址:https://www.cnblogs.com/lqfu/p/4653032.html