カットを一枚だけ表示させる方法です。この場合スタイルシートを使用するのが一番簡単で、背景画を指定してその背景を繰り返さないようにします。
<STYLE TYPE="text/css">
BODY{background-image:url(画像ファイル名);
background-repeat:no-repeat;}
</STYLE>
この方法だと右上に固定でイラスト表示されます。
見本は昔のハガキサイズのイラストを表示しているものですが、このままだとスクロースするとイラストが消えてしまいますよね?
その場合はスクロールをさせない指定が出来ます。
<STYLE TYPE="text/css">
BODY{background-image:url(画像ファイル名);
background-attachment:fixed;
background-repeat:no-repeat;}
</STYLE>
■ ■ ■ ■ ■ ■ カットの位置
■ ■ ■ ■ ■ ■
|
同じように一枚のイラストを背景にしているのですが、位置によって印象変わりますよね。見本は一枚イラストを固定で、下の中央部分に張り付けています。
<STYLE TYPE="text/css">
BODY{background-image:url(画像ファイル名);
background-position:bottom center;
background-attachment:fixed;
background-repeat:no-repeat;}
</STYLE>
と、画像の位置はこのように組み合わされます。
何も指定がない場合は左上つまり「top left」の位置になります。
あと、タグの意味とか分からないなどの場合は
最初は表示からソースを選んでタグを見るのはいかがでしょう。
今回はものすごく簡単にした見本を別枠で表示するので
それをコピーして好きなように使ってみてはいかがでしょう?
■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■ ■
|
| |