2011年02月05日

【第55回】コメント本体部分の文字サイズを変更する

前回は、コメントの見出し部分の文字サイズを変更しました。

今回はそれ以外の部分、すなわちコメント本文と、そしてPosted byで始まるコメントフッターの文字サイズを同時に変更してみます。

下の図でいうと、B.comments-bodyの部分になります。

SD_036_02.jpg

★コメント本体部分の文字サイズを変更する方法★

.comments-bodyクラスにfont-sizeプロパティを追加する。

▼▼▼ 変更前 ▼▼▼
.comments-body {
margin:0px;
padding:0px;
}

▼▼▼ 変更後 ▼▼▼
.comments-body {
margin:0px;
padding:0px;
font-size:8pt;
}

そうすると、コメント欄の文字サイズがご覧のように変化します。

▼▼▼ 変更前 ▼▼▼
SD_053_01.JPG

▼▼▼ 変更後 ▼▼▼
SD_055_01.JPG

ここで注意点ですが、今回の修正で変更されるのは、コメント本文とコメントフッター部分です。
同時に2か所の文字サイズが変更されます。

これは、.comments-bodyクラスが、その2つを内包しているからです。

このように、CSSはその適用範囲を良く考えて設定する必要があるので、注意しましょう。

▼▼▼▼▼▼▼▼▼▼▼▼▼
参考になりましたら
クリック&応援をお願いします
にほんブログ村 ブログノウハウへ
▲▲▲▲▲▲▲▲▲▲▲▲▲

【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ
posted by o(^0^)o ほくほく at 20:00| Comment(0) | PCブログデザイン | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。
※ブログオーナーが承認したコメントのみ表示されます。
×

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