セクションごとに色分けするデモ

Heading 2 でセクションを分けて色分けします。
参考CSS
.page {
  background-color: #f0f7ff;
}
.container {
  max-width: 100%;
  padding: 0;
}
.titleSection__contentsWrapper,
.separatedSection__contentsWrapper,
.contentsFooterSection__contentsWrapper  {
  max-width: 800px;
  margin: 0 auto;
  padding: 32px;
}
.separatedSection:nth-child(even),
.contentsFooterSection {
    background-color: #fff;
}
CSS

見出し1

〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜
〜〜〜見出し1の本文〜〜〜

見出し2

〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜
〜〜〜見出し2の本文〜〜〜

見出し3

〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
〜〜〜見出し3の本文〜〜〜
 
 
以上です。
他にも「こんな感じでカスタマイズしたい!」などございましたらお気軽にお問い合わせください。
 
もし指定方法・カスタマイズ方法がよくわからない場合にはお気軽にDiscordやメール、TwitterDMなどでも可能ですので、運営にお問い合わせください!
こちらにお問い合わせ先を記載しています。
今後もAnotionをよろしくお願いします。