黒猫の雑談部屋

日々の雑多な思いをつづります。


スポンサーリンク



簡単!はてなブログで見出しをカスタマイズ

前からやりたいと思っていたんで、とりあえず見よう見まねでやってみた。

見出しをこんな感じに

変えました。


下のほうにあるコードは、全て大見出しが反映されるようになってます。

大見出し:h3
中見出し:h4
小見出し:h5

がそれぞれ対応しているので、好みの見出しに合わせてコードを変更して張ってください。


コピペする先は、デザインのデザインcssにコピペすればOKです。

.entry-content h3{
color: #08088A;
padding: 6px 15px;
border-left: 10px solid #4C0B5F;
border-bottom: 1px solid #4C0B5F;
}

色も変えられる

なお、色はこちらから調べて変更してください。

html-color-codes.info

文字色はcolor、
左の線の色はborder-left
下の線の色はborder-bottom
の数字を変更してください。