{background-color:色;} でボックスの背景に色を指定することができます。

■ ボックスに背景色を指定する

【ブラウザ表示】

背景色は黄色

<p class="box8">背景色は黄色</p>

p.box8{background-color:yellow;}

<p style="background-color:yellow;">背景色は黄色</p>

■ ボックスに背景画像を指定する

{background-attachment:scroll;}を指定すると ウィンドウもしくはボックス内をスクロールした時に画像も移動します。 （デフォルト）

ボックス内の画像に{background-attachment:fixed;}を 指定するとウィンドウもしくはボックス内をスクロール した時に画像を固定できます。

【ブラウザ表示】

背景画像を指定

<p class="box9">背景画像を指定</p>

p.box9{background-image:url(../image/ichigo.gif);}

<p style="background-image:url(../image/ichigo.gif);">背景画像を指定</p>

■ その他の項目

スタイルシート一覧のページに戻る