はてなブログの見出しを装飾する

ナビゲーションに続き、見出しも少しだけCSSで装飾してみました

ナビゲーションはこちら
charlie1012.hatenablog.jp

はてなブログは本文内の大見出しがh3、順にh4,h5となっているので、
それぞれにあった見出しを設定してみてください


今回はh4にcssを追加しました

.entry-content h4{
    padding: 5px;
    border-left: 5px solid #000;
    border-bottom: 1px dotted  #000;
}

左端に太めのborder、下部にドットのborderを追加しています
バランスを取るためにpadiingを設定という感じです

こんなに簡単でも見出しの装飾は見た目に大きな影響を与えるので、重要だと思います!