■背景画像を画面の左に縦方向だけ連続表示する

 ヘッド部分(<HEAD> と </HEAD> の間)に下記のように記述 します。

 <STYLE TYPE="text/css">
 BODY {background:#EEFFFF url(bg.gif) repeat-y}
 </STYLE>


 背景画像を固定する場合は「006」で勉強したように fixed を加えます。

 <STYLE TYPE="text/css">
 BODY {background:#EEFFFF url(bg.gif) repeat-y fixed}
 </STYLE>


■repeat-y の「y」を 「x」に変更すると、画面の上に横方向連続表示しま す。

 <STYLE TYPE="text/css">
 BODY {background:#EEFFFF url(bg.gif) repeat-x}
 </STYLE>


■画面の右に縦方向連続表示させる場合は repeat-y right と記述します。

 <STYLE TYPE="text/css">
 BODY {background:#EEFFFF url(bg.gif) repeat-y right}
 </STYLE>


■画面の下に横方向連続表示させる場合は repeat-x bottom と記述します。

 <STYLE TYPE="text/css">
 BODY {background:#EEFFFF url(bg.gif) repeat-x bottom}
 </STYLE>