最近新しく作った、日常系ブログの見出しデザインをCSSで変えてみました。
といっても、こちらの記事からコピペして色だけ変えただけですが・・・
見出しデザイン
私は大見出しと、中見出しをよく使うのですが、はてなブログのデザインテーマの中には、この二つが同じデザインのものが多いです。私はちゃんと区別がついているのが好きなのですが、割と同じ率が高い気がします。
ということで、見出しデザインだけ自分でカスタマイズしました。
はてなブログのデザイン＞カスタマイズ＞デザインCSSを開きます。
そして
.entry-content h3{
color: #ffffff;
background: #000080;
border-radius: 5px;
padding: 20px 20px;
}
をコピペ、文字の色とbackgroundcolorを
HTML,CSS カラーコード一覧表 ｜ 背景色や文字色の設定
を参考にブログデザインにあった色に変更しました。
結果
こんな感じでメリハリがつきました！
⬇️はてなブログの解説本があった。
