Maremitsu Nishikubo lesson13
13 画像の上に文字を書く



<DIV STYLE="font-size:11pt;
font-family:MS ゴシック;co
lor:ff0000;font-weight:bold
;background:url(c10.jpeg) n
o-repeat fixed;margin-left:
120pt;padding:20pt"><BR><BR
><BR><BR>



画像の上に文字を書きました。



背景色の上に背景色を重ねて文字を書きました。



 これは文字の背景に画像や背景色を使う方法を利用しています。

 背景画像の縦幅は、普通は文字の縦幅、横は画面いっぱいの背景が付きます。画像は普通の背景画像と同じように連続表示されますが、background:url(c10.jpeg) no-repeat fixed のように no-repeat fixed を入れると連続表示されません。

 縦幅は文字の行数分だけ背景が付きます。行数が少ないと画像が途中までしか表示されません。そのような場合は改行の <BR> を用いて空間をつくります。

 また、文字の上下左右にスペースをとるには padding:20pt のように記述します。

 画面全体に対する配置を指定するには <CENTER> や <BLOCKQUOTE> などを使っても良いのですが、細かく指定するには margin-left:120pt; または margin-right:120pt; のように記述します。