━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
┏┏┏ まぐまぐID : 0000092208 発行責任者 : 西久保 希光 ┏
┏┏ ホームページ楽々講座 NO.016 2002.07.05 ┏┏
┏ SALTY Home Page : http://www.salty1.com/ ┏┏┏
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
■背景画像を画面の左に縦方向だけ連続表示する
ヘッド部分(
と の間)に下記のように記述します。
背景画像を固定する場合は「006」で勉強したように fixed を加えます。
■repeat-y の「y」を 「x」に変更すると、画面の上に横方向連続表示しま
す。
■画面の右に縦方向連続表示させる場合は repeat-y right と記述します。
■画面の下に横方向連続表示させる場合は repeat-x bottom と記述します。
--------------------------------------------------------------------
■背景画像を画面の左に縦方向だけ連続表示する
ヘッド部分(<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>
--------------------------------------------------------------------
上記のソースの中に、見慣れない < と > の記述がありますが、気
が付かれましたか?
ホームページ上でタグを表示しようとしても、