CSS 背景色_html/css_WEB-ITnose

背景色

CSS の背景色は、背景色によって決まります。ここでの背景色は、パディングとコンテンツをレンダリングしますが、境界線とマージン部分はレンダリングしません。

CSS3 では、background-clip を使用して色のレンダリング領域を定義できます。値は content-box (コンテンツ部分のみをレンダリング)、padding-box (コンテンツとパディング部分をレンダリング)、およびborder-box (コンテンツとパディングをレンダリング) ;

テストプロセス中に、padding-box と border-box が同じレンダリング効果を持つことがわかりました。なぜこれら 2 つの値があるのか​​わかりません。これら 2 つの値の差をテストする方法を教えてください。

画像の背景

CSSでbackground-image:url(image)を指定して画像を背景として使用します。

css3 では、background-size を使用して背景画像のサイズを指定できます。例：background-size: 200px 300px,

background-clip を使用して背景画像の領域を指定することもできます。値は content です-box (コンテンツ部分のみがレンダリングされます) 、padding-box (コンテンツとパディング部分のレンダリング) および border-box (コンテンツのレンダリング、パディング)

また、background-origin を使用して、背景画像、値は content-box (コンテンツに従って配置)、padding-box (パディングに従って配置)、および border-box (境界線に従って配置) です