見出しと日付はh2タグ
見出し
小見出しと記事のタイトルはh3タグ
小見出し
準見出しとコメント件数、コメント投稿欄はh4タグ
準見出し
テンプレート＞カスタマイズ＞上級者向け＞cssを追加から
h4{
color: #141414;
font-size:150%;
font-weight:bold;
line-height: 1.5em;
border-bottom:1px solid #008ee1;
border-left:10px solid #008ee1;
margin: 50px 0 10px 0;
padding:3px 10px 1px 10px;
}
を追加。（数値は参考サイトを参照して変える）
ブログに反映をクリック。
追記2015年10月25日数値を変えました。
/* 見出しh4タグ */
h4{
color: #141414;
font-size:120%;
font-weight:bold;
line-height: 1.5em;
border-bottom:1px solid
border-left:10px solid
margin: 50px 0 10px 0;
padding:3px 10px 1px 10px;
}
参考サイト
【CSS初心者向け】ブログで良く見かけるシンプルな見出しの作り方 | ディレイマニア
テキストの左側と下側だけをボーダーで囲ったデザインの見出しって、いろんなブログで良く見かけますよね。CSSだけで作る見出しとしてシンプルで使い勝手がいいので僕も多用してます。CSS初心者向けに見出しのデザインの一例としてご紹介します。
コメントなし: