background-size背景画像サイズの設定

741 ワード

background-sizeには3つの属性autoがあります:背景画像の実際のサイズ
cover:背景画像などのスケールを箱いっぱいに拡大
contain:背景画像を伸ばして箱の大きさに合わせる
サイズbackgroun-size:100%を直接設定することもできます.100%を書くときは上下に適応して白を残すしかありません
2つの100%を設定するとcoverに等しい
バックグラウンド反復roundバックグラウンドピクチャがタイル化されたときに一部の領域が切り取られると、ピクチャ自体が縮小され、ピクチャが完全に表示される目的を達成する
spaceは水平方向と垂直方向に何枚の画像を並べ替えることができて、何枚の画像の残りの隙間を並べて平均的に多背景を分配します
背景は、複数の背景を設けることもできる.el {
background:

    url(img/bg1.png) no-repeat left top,

    url(img/bg2.png) no-repeat right top,

    url(img/bg3.png) no-repeat left bottom,

    url(img/bg4.png) no-repeat right bottom;

}#
あるいは背景色に背景画像が届かないところを補う
background: #ccc url(img/bg1.bng)left center;
方位詞を見て思い出した一つのセンターを書くときもう一つの方位詞は書かないデフォルトはセンター