作成:2005年03月19日 
表紙目次情報・コンピュータ・・・HTMLガイド > ワンポイント >

ページの整形 HTMLワンポイント

  ブラウザの幅いっぱいに文字が並ぶと息が詰まりそうで、読みづらいものです。そこでブラウザの左右に隙間を作って圧迫感を少なくしてみましょう。
 また、普通の状態では、行がほとんどくっついて読みづらいので、行の間隔を少しあけてみます。
  この画面は下記の設定によって書いています。数値をいろいろ変えて効果を試し、あなたのお気に入りの設定を作ってください。

  bodyタグstyle属性 をつけて指定します。

<body style="margin-left:3em; margin-right:2em; line-height:1.4em; background-color:ffffff;">

 本文を書いたあとは bodyの終了タグをつけます。

</body>

注意
  プロパティと数値の間は (コロン)、数値の後は (セミコロン)です。

  margin-left は左の余白、margin-right は右の余白で、文字数で指定します。( em はアルファベットののことで、高さや幅の基準にします )
  line-height は1行の高さで、を基準にしています。
  background-color は背景色を指定します。白(#ffffff)の場合は省略してもよろしい。文字が読める範囲で(あまり濃くしないで)色付けすると良いでしょう。

  画面の色は使用しているディスプレイの特性や、個人の好みで輝度や色合いを調節している場合が多いので、百台百様です。微妙な色合いを使って凝った画面を作っても、残念ながら他の人にどう見えているか分かりません。普段使っているコンピュータとは別のコンピュータ(ディスプレイ)で自分の設定がどう見えるか、一度試してください。

直前のページに戻る  


作成 : 小田桐 一良  

Valid HTML 4.01 Transitional   正当なCSSです!