画像の上に文字を表示させるタグの書き方

....φ(＾∀^)HTML

実は、Net課長の画像がほめられました！！
左上の赤のグラデーションの画像が良いとのこと！！

↓こういうのね



なんてことでしょう！！
�煤iﾟДﾟll)まじですか？


ということで、いい気に乗って、この画像のタグの書き方をここに書いておきます。
どうぞ参考になさってください。

↓画像は適当なサイズで何種類か作りました。
　　　　　　
この画像が欲しいと思う人は好きに使ってください。たいしたものはないけど・・。(^^;
コピーしてお持ち帰りくださいな。


↓これらの画像をそのまま使って、サイズはタグで調整してます。（赤色の部分）
青色の部分は文字の開始位置に関係しています。

<div style="position: relative;"> <img src="red.jpg" width="220" height="18" border="1"> <div style="position: absolute; top:2px; left:5px; font-size: 12pt;"> <b>無料でお小遣いを稼ぐ方法</b> </div> </div>

↓画像の上に文字を表示する方法は、こちらのサイトでお勉強させてもらいました。
http://kisetu.chu.jp/hint/bord.html

↓この画像を作ったソフトの説明サイト
http://www004.upp.so-net.ne.jp/iccii/gimp/startgimp-1.html

↓ダウンロード先（Vector）
http://www.vector.co.jp/soft/dl/win95/art/se190877.html

↓ずっと眺めているページはコチラ
http://www004.upp.so-net.ne.jp/iccii/usegimp/usegimp.html

↓うまくいけばこんなのも作れるらしい・・。「因果応報」が綺麗・・。
http://www004.upp.so-net.ne.jp/iccii/gimp/gallery-0.html