2004年11月07日

段落との間隔の変更(11/07の補足)

こんばんは。今回は前回の補足です。
前回のうちに一緒に変更していたのに書き忘れました。すみません(^^;


補足1.段落と段落との間隔の変更
 いじるのは「body {}」の中の「margin:0px」です。この「0px」の数字を好きなものに変えます。とりあえず私は10にしました。こうすることで上下左右10ピクセルずつ中に寄ったはずです。
 それぞれをばらばらに指定したいときは「margin:上px 右px 下px 左px」の順に数字を入れます。pxと次の数字の間には半角スペースを一つ入れてください。

補足2.段落の枠線と段落の内容との間隔の変更
 いじるのは同じく「body {}」の中にある「padding:0px」です。この「0px」の数字を好きなものに変えましょう。私は5にしました。こうすることで段落の枠線と段落の内容との間隔に変化が…起こるはずなんですが、よくわかりませんでした。もう少し大き目の数字でも試してみたんですけど…
 これもばらばらに指定したいときは補足1.と同じ要領でできるようです。


と、ここまで合わせて11/07の実験でした。
変更前・変更後については11/07の一つ目の記事を見てください。
色と文字の大きさの変化以外が補足による変化になります。
(実際には補足1.だけの変化っぽいですが)


お付き合いありがとうございましたm(_ _)m
タグ:CSS
posted by 四葉屋 at 18:13| Comment(0) | TrackBack(0) | CSSいじり | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前: [必須入力]

メールアドレス:

ホームページアドレス:

コメント: [必須入力]

この記事へのトラックバックURL
http://blog.seesaa.jp/tb/982897

この記事へのトラックバック

広告


この広告は60日以上更新がないブログに表示がされております。

以下のいずれかの方法で非表示にすることが可能です。

・記事の投稿、編集をおこなう
・マイブログの【設定】 > 【広告設定】 より、「60日間更新が無い場合」 の 「広告を表示しない」にチェックを入れて保存する。


×

この広告は1年以上新しい記事の投稿がないブログに表示されております。