今回は部分的に、コメントの見出し部分の文字サイズのみを大きくしてみましょう。
下の図でいうと、A.comments-headの部分です。
いつも文字サイズの変更ばかりで面白くないので、今回は文字サイズを大きくすると同時に、文字を斜体に変えてみます。
★コメント見出しの文字サイズを変更し、書式を斜体にする方法★
.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;
}
この変更によって、コメント欄はご覧のような形に修正されます。
▼▼▼ 変更前 ▼▼▼
▼▼▼ 変更後 ▼▼▼
今回は、勢いでfont-styleプロパティもご紹介してしまいました。
あまり使用することはないかもしれませんが、文字に関するプロパティは数が多いです。
一度参考書などで、一通り見ておくと、ブログの表現力が向上すると思います。
今回は以上です。
【PR】FXシステムトレードで着実に利益を重ねる長期資産運用方法o(^0^)o ほくほくFX
【PR】日々の運用成績やユーザーの情報満載のブログo(^0^)o ほくほくポートフォリオ