◆背景画像を１枚だけ、表示させるタグ
背景画像を、1つだけ表示させるタグを紹介します。
スタイルシートなので、下のタグを、<HEAD>〜</HEAD>の間に書き入れてくだ
さい。
◆サンプル１ ◆サンプル２
<STYLE>
<!--
BODY {
background-image: url(○○.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 30 30}
-->
</STYLE>

注；ブラウザによっては、表示されない場合があります。
◇background-image: url(画像ファイル名);
背景画像のファイル名を、指定します。
ファイルは、もちろんjpgでも、gifでも、pngでも、OKです。
フォルダに入っている場合は、フォルダ名から、書き込んでください。
（例　：　imgフォルダに入っているsky.jpgを、指定する場合）
<STYLE>
<!--
BODY {
background-image: url(img/sky.jpg)}
-->
</STYLE>
◇background-repeat: no-repeat;
no-repeatで、背景画像を、繰り返さず１枚だけ表示させます。
<STYLE>
<!--
BODY {
background-image: url(img/sky.jpg);
background-repeat: no-repeat}
-->
</STYLE>
◇background-attachment: fixed;
fixedで、文字をスクロールさせても、背景は固定されて、動きません。
<STYLE>
<!--
BODY {
background-image: url(img/sky.jpg);
background-repeat: no-repeat;
background-attachment: fixed}
-->
</STYLE>
◇background-position: △△　△△
この△△に、数字を入れて、背景画像を表示させる位置を指定します。
ピクセルの指定でも、％で指定しても、OKです。
<STYLE>
<!--
BODY {
background-image: url(○○.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: 30 30}
-->
</STYLE>



←TOP


ｂｙ　Anne