ページの背景に画像を使う


<body background="">

ブラウザ
Internet Explorer Netscape Firefox Opera
タイプ
非推奨属性

bodyタグbackground="" を追加すると、ページの背景に画像を表示させることができます。

この指定を行う場合は、できるだけ文字色等の指定とセットで使用しましょう。(単体で使用すると、ユーザー側の環境によっては文字が見づらくなってしまうため。)


<body background="back.gif">


background="" 表示させたい画像ファイルを指定します

※この属性は、HTML4.01では非推奨とされています。(スタイルシートで代替可能)

画像ファイルの指定については、パスの指定方法も参考にしてください。

メモ

この指定内容はスタイルシートで代替することができます。スタイルシートの指定では、背景画像の配置等、細かい設定も行えます。指定方法の詳細は「関連ページ」をご覧ください。


使用例

<html>
<head>
<title>TAG index Webサイト</title>
</head>
<body background="image/back.gif" bgcolor="#ffffff" text="#000000" link="#0000ff" vlink="#800080" alink="#ff0000">



</body>
</html>


背景画像サンプル back.gif
この画像を背景に使用した例
(少々目にきついのでご注意ください)

この例のように、小さい画像を使用した場合でも、自動的に画面いっぱいに敷き詰められます。

画像の並ぶ順番は、まず左上からスタートして右に並びます。右いっぱいまで並ぶと、ひとつ下がってまた左から右に並びます。この順序で画面下まで並んでいくことになります。



[特集] レンタルサーバー比較 & サーバー選びのチェックポイント
[統計] HTMLからXHTMLへの移行を進めていますか?