ホームページ > 記事 > ウェブフロントエンド > 背景サイズは背景のサイズを設定します image_html/css_WEB-ITnose
長さの値 または パーセント として表示される背景画像のサイズを設定します。また、cover と contain を使用して画像を拡大縮小することもできます。
構文:
background-size: auto | <长度值> | <百分比> | cover | contain値の説明:
1、auto: デフォルト値、背景画像の元の高さと幅は変更されません
2、: ペアで表示されます。 200px 50px など、背景画像の幅と高さを最初の 2 つの値に設定します。値を設定するときは、それを画像の幅の値として使用して 3、f78113d1a82a15cadbe8fa962dc306cf ;
: 0%~100 % の間の任意の値。値を設定するときは、背景画像の幅と高さを前のパーセンテージで乗算した値に設定します。4、cover
: 名前が示すように、cover、つまり、背景画像がコンテナ全体を埋めるように拡大縮小されます 5: Contain、つまり背景を含みます。画像は片側がコンテナの端に近づく
まで比例して拡大縮小されます。ヒント: 右側の編集ウィンドウに独自のコードを入力して、さまざまな値の効果を試すことができます。
りー