| ■ 背景に色をつけるには？ |
BODY タグの中で BGCOLOR=(色) で指定します。
■Top色は色名や色コードが使えます。色名や色コードについては「牛飼いカラーチャート」で確認ください。 <BODY BGCOLOR="#FFFFFF"> 背景色を白に(色コード) <BODY BGCOLOR="white"> 背景色を白に(色名) |
| ■ 背景画像を使うには？ |
BODY タグの中で BACKGROUND=(画像) で指定します。
■Top画像の名前では大文字・小文字が区別されます。これを間違うと公開したときに表示されません。 <BODY bgcolor=white background="images/kujira3.gif"> html の置いてある場所から見てひとつ下の images フォルダにある kujira3.gif を指定しています。 画像が html と同じフォルダにあるなら background="kujira3.gif" となります。 画像がひとつ上のフォルダにあるときは background="../kujira3.gif" となります。 |
| ■ 背景画像を固定するには？(ie) |
BODY タグの中で BACKGROUND=(画像) と一緒に
BGPROPERTIES=FIXED を指定します。ｉｅだけ有効です。
■Top<BODY bgcolor=white background="images/kujira3.gif" BGPROPERTIES=FIXED> このサンプルを見る→クリックしてください |
| ■ 背景画像を左一列だけ出すには？ |
<BODY STYLE="BACKGROUND:背景色 URL(画像ファイル)
repeat-y"> とします。
■Topこのときには必ず背景色も指定してください。ネットスケープでおかしくなります。 <BODY STYLE="BACKGROUND:#ffffff URL(images/hira.gif) repeat-y"> このサンプルを見る→クリックしてください |
| ■ 背景画像を上一行だけ出すには？ |
<BODY STYLE="BACKGROUND:背景色 URL(画像ファイル)
repeat-x"> とします。
■Topこのときには必ず背景色も指定してください。ネットスケープでおかしくなります。 <BODY STYLE="BACKGROUND:#ffffff URL(images/hira.gif) repeat-x"> このサンプルを見る→クリックしてください |
| ■ 背景画像をひとつだけ出すには？ |
<BODY STYLE="BACKGROUND:背景色 URL(画像ファイル)
no-repeat"> とします。
■Topこのときには必ず背景色も指定してください。ネットスケープでおかしくなります。 <BODY STYLE="BACKGROUND:#ffffff URL(images/hira.gif) no-repeat"> このサンプルを見る→クリックしてください |
| ■ 背景画像を使ったときは・・ |
たとえば黒い星空の背景画像を使って、文字を白で出したとします。
こういうときはページの背景色も、背景画像の色に合わせて必ず黒にしておきましょう。
■Topなぜかというと背景画像が読まれるまで時間がかかることがあるためです。その間は文字が白いのでページがほとんど読めません。そしてまれに背景画像の読込みに失敗することもあります。こうなると全然見れないページになってしまいます。 背景画像を使ったときは、似たような背景色をかならず指定するようにします。 |
| ■ デスクトップと背景色と・・(Windows の場合) |
ページに背景画像を貼らないときがクセモノでして、BODY
タグになにも背景色を指定しなかった場合、最新のブラウザでは画面のプロパティでセットしてある「ウィンドウ」の色で表示されてしまいます。その結果どうなるかというと、作者の予想外の背景色のページが表示されることになります。
  ウィンドウ背景色を白に設定している人も多いと思いますが、そうするとたとえば白いページを作ろうとすると何もしなくても白いページが表示されるので、うっかりすると気がつきません。私はたまたま薄緑色のウィンドウにしていたので、「あれ？」と気がつきました。これの対策は BODY タグで色を指定すればおしまいです。 そういうわけで、BODY タグには必ず背景色指定をするようにしましょう <BODY bgcolor="#ffffff" text="#000000"> 上は背景色を白にする設定です。色コードについては『牛飼いカラーチャート』などで確認ください ■Top |