ページの一部の背景画像を変える

トップページ→背景に関する事例集→ ページの一部の背景画像を変える

１．８ページの一部の背景画像を変える

サンプル表示

背景画像を変えたい部分に次の様に記述します。

<DIV STYLE="background:URL(back.gif) #ffc;padding:8px">
‥‥‥‥‥‥
ここに文章を記述します。
‥‥‥‥‥‥
</DIV>

back.gifが背景画像です。（HTMLファイルと画像ファイルが同じフォルダの場合）
#ffcは画像が表示されないときの背景色です。
padding:8pxは境界と文字との間隔を指定します。記述しなければ０です。

ブラウザ対応表

ブラウザ	IE			Netscape		Opera
バージョン	5.00	5.50	6.0	6.2.3	7.01	6.06	7.21
対応	○	○	○	○	○	○	○

　

トップページへ

背景に関する事例集
文字に関する事例集
画像に関する事例集
リンクに関する事例集
ページ制御に関する事例集
その他の事例集

１．１画像をタイル貼りする
１．２左側（中央、右側）に縦一列に貼り付ける
１．３上側（中央、下側）に横一列に貼り付ける
１．４一枚だけ中央に貼り付ける
１．５背景を固定する
１．６一枚だけ中央に貼り付けて背景を固定する
１．７時間によって背景と文字の色を変える
１．８ページの一部の背景画像を変える