bloggerテンプレート「シンプル」のプチカスタマイズmemo

小見出しのh3タグは、記事のタイトルにも指定されているので使わない。代わりに、記事と記事を仕切る破線を指定。

参考にしたページ
■シンプルなHTMLとCSSコピペで実装できるタイトル（見出し）のデザインサンプル50目次
>>https://www.nxworld.net/tips/50-css-heading-styling.html

ブログ管理画面→
「テーマ」→「カスタマイズ」→「上級者向け」→「CSSを追加」
に行き、以下を貼り付け。

---

blockquote {
  padding: .5em .75em;　→ .75em .75em;
  border: 1px solid #ccc;
  border-radius: 4px;　→ 6px;
  　font-size: normal;
  　text-align: left;
}

h2 {
  padding: .5em .75em;
  margin-top: 1em;　→ 2em;
  background-color: #f6f6f6;　→ #f4f4f4;
  border-radius: 6px;
  font-size: large;
}

h4 {
  padding: .25em 0 .25em .75em;　→ .3em 0 .3em .7em;
  margin-top: 1em;　→ 2em;
  border-left: 6px solid #ccc;　→ 8px;
  font-size: large;
}

h3 {
  padding: .75em 0;
  border-top: 1px dashed #ccc;
}

hr {
  border-top: 1px dotted #ccc;
  border-bottom: 0px;
  width: 80%;
}