10-5

 スタイルシートでデザインアップ-5
   マージンの使い方を覚えましょ。


『答え』 文字の表示位置を簡単に指定します。

ホームページにコメント(文字)を入れるときに左から少し内側に とかって希望が出てきますよね。勿論、上に少し隙間空けたいとかって希望も。(あるある)
従来はスペースで間隔を調整してらした方も多いと思いますが、ブラウザのバージョンが上がってくるとスペースが1個分しか機能してくれなくなって来ましたよね。(2個目以上は無視するのよね〜)
そこでスタイルシートでちょちょいのちょいとやってみましょうか。

左と上に10マージン入れて表示
左に50、上に10のマージン入れて表示

どうです 隙間が空いてるでしょ。タグの書き方は下記の通りです。

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

スタイルシートって難しそうでも、こういう基本的機能として使ってやると結構馴染んできますよね。(ねっ.........)。
ここまで理解されたら、この項は修了です。ちゃんちゃんっ!

質問メール  OZ道場メニュー