すぐ目につく気になる見出しを変更

デザイン初心者でもすぐ変更できる見出しヘッダーを変更した。

見た目

before

after

コード

.entry-content h2 {
  background: linear-gradient(transparent 50%, #a7d6ff 70%);
  padding-left: 1rem;
}

.entry-content h3 {
  border-left: none;
  10px 0 10px 10px;
  border-left: 4px solid #a7d6ff;
}

参考

見出しデザインはここを参考にさせてもらった。

参考 CSSのコピペだけ!おしゃれな見出しのデザイン例まとめ68選サルワカ | サルでも分かる図解説明マガジン 参考 CSS見出しデザイン参考100選!コピペ可!どこよりも詳しく解説!JAJAAAN