WordPressのh3タグを修飾したときの覚書

当ブログでは、h3タグはほとんど使っていない。理由は、今まで、使いどころがあまりなかったから…というよりは、使うのが面倒くさかったからというのが、実情には合っている。

2013年11月15日現在、このブログのデザインで行くと、h2タグはだいたい各記事のタイトルをくくっている形になっているけれども、そりゃ段落分けにh3タグを使った方が美しいんだろうなあとは思っていた。でも、現実は、面倒くさいからとりあえずbタグで囲っておけという、物ぐさゆえの行動に出ていた。

ってことで、そういうのも改善していかないといかんわなということで、このたび、h3タグを修飾して、ちょっとは見栄えのいい段落にしていこうということになったのだ。

実際の行動と結果

上の表示が、私が思っている感じになっていれば、下に書いたCSSは多分OK。上手くいかなかった場合は、この記事は何度も更新されることになるかもしれない。

デジタル小噺：Bloggerの本文見出しをカスタマイズするを参考にして行った。。

h3{
font-size: 16px;
line-height:24px;
font-weight: bold;
color:#2E8B57;
background-color:#F0FFF0;
border-top: 1px #2E8B57 solid;
border-bottom: 1px #2E8B57 solid;
border-left: 6px #2E8B57 solid;
border-right: 1px #2E8B57 solid;
}

 - WordPress