プログラミングは芸術だ!

web系エンジニアの備忘録 「プログラミングは芸術」を座右の銘として日々勉強中 最近Androidもやってます

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

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

f:id:gamu1012:20150815164954p:plain

ナビゲーションはこちら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を設定という感じです

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