欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

CSS 背景颜色_html/css_WEB-ITnose

程序员文章站 2022-06-11 11:13:36
...
颜色背景

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

相关标签: CSS 背景颜色