HTMLタグ講座

第2章背景と画像です。

背景とスクロールをチェンジ！！

<BODY BGCOLOR=色の名前かコード> 背景に画像を使う。 <BODY BACKGROUND=URL、ファイル名> スクロール時に背景を固定させます。 <BODY BACKGROUND=URL BGPRPPERTIES=FIXED> スクロールの色を変えるタグの例。 <HEAD></HEAD>内にスタイルシートを記述します。ウィンドウのスクロールバーだけなら.inpの記述は必要ありません。　色を必ず指定してね <STYLE type="text/css">  </STYLE> 次にテキストエリアにスタイルシートを摘要します。ウィンドウのスクロールバーだけならこの記述は必要ありません。　 <TEXTAREA class="inp">テキスト表示領域</TEXTAREA>

背景を左一列表示させます。

背景を上１行表示させます。

背景を１つだけ表示させます。

背景を1つだけ表示し位置を指定させます。

<HEAD></HEAD>内にスタイルシートを記述します。 <STYLE type="text/css">  </STYLE> <BODY BACKGROUND=URL、ファイル名> 解説：background-position:以下横の位置％縦の位置％です。例は左下に表示されますね URLのところは背景画像のあるサーバーとファイル名を指定してください。外部ファイルで一括指定する方法 fixed＝背景画像の位置が固定され、スクロールしても動かなくなります。 scroll(スクロール)に伴って、背景画像も移動します。使用例スタイルシート部分は外部ファイル（○○○.css）に記述。 body { background-image: url("../images/inu01.jpg"); background-repeat: no-repeat; background-attachment: fixed; background-position:0% 100% } ホームページに記載するHTMLは <html> <head> <link rel="stylesheet" href="sample.css" type="text/css"> </head> <body> ：： </body> </html>

背景画像を固定し、テーブルを透明にした場合のサンプルページ。[ENTER]

カラーコードはこちらから！

画像を貼りつけます。

<IMG SRC=URL、ファイル名> リンクさせると四角い枠が出来るでしょ。いらない時は<border="0"> サイズを変更したいとき横、縦です。 <width="横のサイズ" height="縦のサイズ"> 例です。。<IMG SRC=URL、ファイル名　border="枠のサイズ"width="横のサイズ" height="縦のサイズ">

画像に影を付けるタグ

<span style="width:100%; filter:dropshadow(color=#666666,offX=5,offY=5,positive=1);"> <img src="URL、ファイル名" border="枠のサイズ" width="横サイズ" height="縦サイズ">　 <br>←必ず入れてね！ </span>

使用例

上のタグをそのまま、使用します。 <span style="****　から　</span> までです。　 <span style="**** のfilter は、半透明とかの意味で、dropshadow は、影を付けるという感じです。 color=#666666 は、影の色です。 offX=5 は、横に出る影の長さの数値です。 offY=5 は、縦の影の長さ。 positive=1 は、1 で影を指定。 0 だと、影が透明になり、おかしいです。画像に影をつけた場合、<img> の後に、改行タグの <br>を入れます。この改行がないと、下の影の部分が表示されません。 <br> の代わりに、<p>でも OK です。

▲TOP