« 恐竜ってかっこいいよね | トップページ | カスタマイズ9(リンク文字色) »

2004.03.10

カスタマイズ8(行間・マージン)

今回は微調整関係です。
本文の行間が大きくて間延びする感じだよなあと思ってたんで、少し狭くしました。
それと記事のタイトルがやたら左にビッチリくっついてたので、余白をつけています。
前の記事カスタマイス6(フォントと色)「本文フォント色は .content P」「本文タイトル フォント・色、背景色 枠のマージンと線種・種類は .content H3」ということは書いたので、そちらを参照してください。

まずは行間を変えます。

.content P {
COLOR: #003399;
FONT-FAMILY: 'Trebuchet MS', "Verdana", "sans-serif";
line-height: 150%;
}
本文の色(COLOR:)とフォント(FONT-FAMILY:)は以前指定したままのものです。
それに「line-height: 150%;」を指定して、行間が150%になるようにしました。
もちろんピクセルで指定もできます。
デフォルトの幅
line-height: 200%
今回の幅
line-height: 150%

それから、記事タイトルのマージンを変えてやります。

.content H3 {
BACKGROUND-IMAGE: url(tytlebg.jpg);
COLOR: #ffffff;
FONT-FAMILY: 'Trebuchet MS', Verdana, sans-serif;
text-indent: 5pt;
}
記事タイトルも背景画像(BACKGROUND-IMAGE;)と色(COLOR:)、フォント(FONT-FAMILY:)は以前指定しました。
今回はインデント(右側の空間)が5ポイントになるよう指定しています。
代わりに「text-align: center;」 と書けば、文字を真ん中にすることもできますね。

デフォルトの記事タイトル

「text-indent: 5pt;」で左を5ポイントあけています

「text-align: center;」 にするとこんな感じ

こういう微妙なことってテキトーになりがちだけど、実はそういう積み重ねでずいぶん雰囲気変わったりするもんなので大切にしたいところです。

|

« 恐竜ってかっこいいよね | トップページ | カスタマイズ9(リンク文字色) »

ウェブログ・ココログ関連」カテゴリの記事

コメント

appointment telemarketing; however, you will be paying only for leads that you designate as
bel air 5s http://www.visionexpress.net/belair5s.aspx

投稿: bel air 5s | 2013.11.11 03:10

Howdy, There's no doubt that that could be a fine publish.
Windows 7 Home Premium Key http://www.inspiring121.co.uk/windows-7-home-premium-key.html

投稿: Windows 7 Home Premium Key | 2013.11.11 19:55

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.cocolog-nifty.com/t/trackback/12358/284081

この記事へのトラックバック一覧です: カスタマイズ8(行間・マージン):

« 恐竜ってかっこいいよね | トップページ | カスタマイズ9(リンク文字色) »