Maison >interface Web >tutoriel HTML >CSS 背景颜色_html/css_WEB-ITnose

CSS 背景颜色_html/css_WEB-ITnose

WBOY
WBOYoriginal
2016-06-24 11:41:041102parcourir

颜色背景

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

 

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn