背景画像のストレッチを実現するCSS

css3 属性を使用します:background-size

background-size:cover を使用して、デスクトップの壁紙のようにストレッチを実現します

以下は、w3c からの説明です。

構文
background-size:length|percentage|cover|contain;
length は背景画像の高さと幅を設定します。

最初の値は幅を設定し、2 番目の値は高さを設定します。

値が 1 つだけ設定されている場合、2 番目の値は「自動」に設定されます。

percentage は、背景画像の幅と高さを親要素のパーセンテージとして設定します。

最初の値は幅を設定し、2 番目の値は高さを設定します。

値が 1 つだけ設定されている場合、2 番目の値は「auto」に設定されます。

cover 背景画像が背景領域を完全に覆うように、背景画像を十分な大きさに拡大します。

背景画像の一部が背景配置エリアに表示されない場合があります。

contain 画像の幅と高さがコンテンツ領域に完全に収まるように、画像を最大サイズまで拡大します。