背景サイズは背景のサイズを設定します image_html/css_WEB-ITnose

background-size

長さの値 または パーセント として表示される背景画像のサイズを設定します。また、cover と contain を使用して画像を拡大縮小することもできます。

構文:

background-size: auto | <长度值> | <百分比> | cover | contain

値の説明:

1、auto: デフォルト値、背景画像の元の高さと幅は変更されません

2、: ペアで表示されます。 200px 50px など、背景画像の幅と高さを最初の 2 つの値に設定します。値を設定するときは、それを画像の幅の値として使用して 3、<パーセント> ;

: 0%~100 % の間の任意の値。値を設定するときは、背景画像の幅と高さを前のパーセンテージで乗算した値に設定します。

4、cover

: 名前が示すように、

cover、つまり、背景画像がコンテナ全体を埋めるように拡大縮小されます 5: Contain、つまり背景を含みます。画像は片側がコンテナの端に近づく

まで比例して拡大縮小されます。

ヒント: 右側の編集ウィンドウに独自のコードを入力して、さまざまな値の効果を試すことができます。

りー