はてなブログ見出しのスタイル変更CSS

style.css

<style tyle=text/css> /*すでに記述している場合には不要*/
/*見出しのレイアウト変更*/
.entry-content h3 { color: rgb(59, 66, 126);/*文字色*/
                    background: rgb(243, 242, 252); /*背景色*/
                    padding: 10px 10px; /*見出しまわりのスペース 上下、左右*/
                    border-radius: 0.2em; /*角の丸み*/
                    border-left: 9px solid #999; /*見出し左の線*/}
.entry-content h4 {
  position: relative;
  color: #111;
  border-bottom: 4px solid #ECEEF1;
  padding: 8px 10px;
}
.entry-content h4::before {
  position: absolute;
  top: 100%;
  left: 0;
  width: 20%;
  height: 4px;
  background-color: #F31A75;
  z-index: 2;
  content: '';
}
</style> /*すでに記述している場合には不要*/