4 |
画面を少しいじってみよう! |

2. |
背景にイメージを使おう! |
| NE3 | NE4 | NE6 | IE3 | IE4 | IE5 | IE6 |
背景に赤や青などの色をつけることはやったけど、自分のページの特徴をもっと出したかったら背景を画像(絵)にすれば面白いよね。
それができたらページによっていろんな絵が背景になって、とっても楽しいHPになるよね。
|
||
|
■・・・・・画像のファイル名(URL)を指定する |
背景の色を指定したときと同じように。<BODY>の中に書くんだよ。
だんだんわかってきたかな。
イメージ(画像)ファイルの指定については”9.画像を使おう!”を見てね。
| SOURCE |
| <HTML> <HEAD> <TITLE>背景画像</TITLE> </HEAD> <BODY BACKGROUND="画像のURL"> ←ここに書くんだよ、注意しようね。 ここは普通に文字などを書ける。 </BODY> </HTML> |
これを利用すれば季節によって背景を変えたりできるよね。
BODY内にはBGCOLORとBACKGROUNDの両方を指定しておいたほうがいい。 実際にブラウザで表示する時には、背景画像が呼び出されるまでの間は代わりに背景の色で表示されるんだ。 (つまり、背景画像の裏には背景色が隠れている。背景色の上に画像を敷き詰めていると考えてもよい。) だから、背景画像が表示されるまでの間に表示される背景色のことも考えておこう。 たとえば、背景色を指定しない場合は背景色は白になっているので(古いブラウザでは灰色)、白い色で文字を書いている場合は、背景画像が表示されるまで文字が読めないよね。 ユーザーによっては、画像を表示しないように設定している人もいるので、その人たちにとっては全く文字の無いページのように思われてしまうよ。 だから、背景画像を指定するときは、その下の背景色(できれば背景画像と同じ系統の色)を一緒に指定しておこう。 |
| RESULT |
|
このように背景画像が指定できる
|