デザインCSS最高！

くまちゃん注意報　https://line.me/S/sticker/1381363

 

はてなブログの設定を変える方法を検索して　デザインCSSをいじる。

大見出し

見出しの装飾をカスタマイズ

 中見出し

こちらを参照させていただきました

小見出し

www.yukihy.com

.entry-content h3{
color: #3f3f3f;
padding: 10px 15px;
border-top: 3px solid #e07000;
border-bottom: 3px solid #e07000;
}

タイトルの２色の下線とフォントを大きくする設定を追加。

www.north-geek.com

こちらから設定を拝借いたしました。すばらしい。

.entry-title {
  font-weight: bold;
  font-size: 20px;
  padding: 10px 10px;
  position: relative;
  padding-bottom: .5em;
  border-bottom: 4px solid #ccc;
}
.entry-title::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #3498db;