上級編３

　CSS コメント表示位置を指定
　　　スタイルシートでマージンの使い方を覚えましょ。

ホームページにコメント（文字）を入れる時、センタリングとか右寄せ左寄せという大雑把な指定で済めば楽チン。 しかしながら、左から少し内側とか微妙に表示位置を指定したい場合も出て来るでしょう。 左右だけではなく、上に少し隙間を空けたいなどの希望も出るでしょう。 そういう時に使えるスタイルシートです。
左と上に10マージン入れて表示
左に50、上に10のマージン入れて表示
こういう感じに表示位置を調整できます。ＨＴＭＬ文の書き方は下記の通りです。

<DIV STYLE="margin-left:10pt; margin-top:10pt;">
左と上に10マージン入れて表示
</DIV>
<DIV STYLE="margin-left:30pt; margin-top:20pt;">
左から30、上から20のマージンを入れて表示します
</DIV>

スタイルシートは、こういう表示関係に強くて便利です。使い込んで馴染んでください。
ＣＳＳに馴染んできたら、この項は修了です。
質問メール　 SCHOOL TOP