簡単!はてなブログで見出しをカスタマイズ
前からやりたいと思っていたんで、とりあえず見よう見まねでやってみた。
見出しをこんな感じに
変えました。
下のほうにあるコードは、全て大見出しが反映されるようになってます。
大見出し:h3
中見出し:h4
小見出し:h5
がそれぞれ対応しているので、好みの見出しに合わせてコードを変更して張ってください。
コピペする先は、デザインのデザインcssにコピペすればOKです。
.entry-content h3{
color: #08088A;
padding: 6px 15px;
border-left: 10px solid #4C0B5F;
border-bottom: 1px solid #4C0B5F;
}
色も変えられる
なお、色はこちらから調べて変更してください。
文字色はcolor、
左の線の色はborder-left
下の線の色はborder-bottom
の数字を変更してください。