CSS 2.0 の勉強 (背景画像を表示する)

CSS 2.0 を勉強しましょう。

背景画像を表示する方法を説明します。

以下の例では、背景色を赤にして、画像をブラウザ中央に、縦方向にリピート表示します。

■コード (CSS)

body {
background: red url("image-1.jpg");
background-repeat: repeat-y;
background-position: center;
}

■ 説明
background プロパティで、背景色と背景画像を設定します。background-repeat プロパティで、画像を縦方向にリピート表示します。background-position プロパティで、画像を中央表示します。