画像の上に文字を乗せたい！

質問

ちょっと質問です。
ＨＴＭＬを作成していて、jpg（ジェイペグファイル）の上に
文字を乗せたい（上に書きたい）のは、どうすればできますか？？

それと、bmpやgifなんかにも文字を乗せる時は同じやり方で
できるのでしょうか？
（または、そんなんできない）

もし、専用のソフトを使用しなければいけないのなら
なにか、いいソフトを教えてください。
よろしくお願いします。

回答No.4

blackhouse

せっかくなのでCSSでの書き方も覚えてみてはいかがでしょう。

div.dec{
background-image : url(xxxx.jpg);
width : 100px;
height : 100px;
background-position : 0px;
text-align : center;
vertical-align : middle;
}

とでもスタイルシート（例はかなり適当です）に書き、

<div class="dec">
123
</div>

とでもすればxxxx.jpgの上に123という文字が乗ると思います。
xxxx.jpgをgifにしたりbmpしても当然できます。

お礼

ありがとうございます。

CSSは、少しだけ使った事あるので、何となくの
書き方だけわかります。
丁寧にサンプルを載せていただいて、ありがとうございました。