HTMLで背景画像を表示と背景の種類

　次にHTMLで背景画像を設定する方法を説明する。全体に背景画像を設定する場合は<BODY>タグに次のBACKGROUND属性で背景画像を設定する。よく素材屋さんにある背景の種類も説明します。

タイル背景

<HTML>
<HEAD>
<TITLE>背景画像の設定</TITLE>
</HEAD>

<BODY BACKGROUND="haikei1.gif">

</BODY>
</HTML>

指定した背景が左記のような背景素材を設定した場合は下記の用になります。

BACKGROUNDで指定した背景は標準ではタイルといって繰り返されて敷き詰められます。

全体(BODY）ではなく一部に背景を設定したい場合は<TABLE>などのタグにも

BACKGROUNDの属性は設定できます。これは<TABLE>の<TD>タグに設定しています。

上記のような背景画像を設定すると下記のようになります。htmlの指定の仕方は同じですが画像が横長の背景素材です。

横長の背景はブラウザ委の表示エリアより短いとタイルと同じように繰り返されて、思ったようにならない場合があるので横幅を確かめてから使う必要があります。最近、ディスプレイの解像度が大きくなっているので素材を作る方も少し長めに作っておいた方がいいかもしれません。欧米の背景はこのタイプが多いようです。

左記のような縦長の画像を背景に指定すると右記のようになります。

横長の背景はブラウザの表示エリアより高さが低いと横長の画像と同じで思ったようにならない場合があるので横幅を確かめてから使う必要があります。最近、ディスプレイの解像度が大きくなっているので素材を作る方も少し長めに作っておいた方がいいかもしれません。

画像・MIDIについて

ピックアップコンテンツ　

お勧めレンタルサーバー　

★可愛いレンタルサーバLOLIPOP!
月額125円からのレンタルサーバ