2011年02月04日

【第54回】コメント見出しの文字サイズ変更

前回は、コメント欄全体の文字サイズの変更を行いました。

今回は部分的に、コメントの見出し部分の文字サイズのみを大きくしてみましょう。

下の図でいうと、A.comments-headの部分です。

SD_036_02.jpg

いつも文字サイズの変更ばかりで面白くないので、今回は文字サイズを大きくすると同時に、文字を斜体に変えてみます。

★コメント見出しの文字サイズを変更し、書式を斜体にする方法★

.comments-headクラスにfont-sizeプロパティを追加する。
また、文字を斜体(イタリック)にするために、同じクラスにfont-styleプロパティを追加する。

▼▼▼ 変更前 ▼▼▼
.comments-head{
font-weight:bold;
margin:0px;
padding: 0px 0px 10px 0px;
}

▼▼▼ 変更後 ▼▼▼
.comments-head{
font-weight:bold;
margin:0px;
padding: 0px 0px 10px 0px;
font-size:16pt;
font-style:italic;

}

この変更によって、コメント欄はご覧のような形に修正されます。

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

▼▼▼ 変更後 ▼▼▼
SD_054_01.JPG

今回は、勢いでfont-styleプロパティもご紹介してしまいました。

あまり使用することはないかもしれませんが、文字に関するプロパティは数が多いです。
一度参考書などで、一通り見ておくと、ブログの表現力が向上すると思います。

今回は以上です。

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

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

メールアドレス:

ホームページアドレス:

コメント:

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


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

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