【デザイン】タブっぽい見出し

最終更新:2021年01月16日 05時05分33秒（初公開:2021年01月15日 16時12分55秒）

デザインがちゃがちゃやってた時に気付いたメモ。
後で役に立ちそう。

  h1, h2, h3 {
    background-color: lightgreen;
    border: solid 4px rgba(76, 175, 80, 0.6);        /* 線指定 */
    border-radius: 100vw 100vw 0vw 0vw;
    text-align: center;
    padding: 2vh 10vw 10px 10vw;
    margin: 0 -1vw 0 -1vw;
  }

どうせallMicrocmsMain で全件取得してるんだから切り替えやっちゃうか！と思ったけどページリンクできないから諦めた。
ページURLが別々にできないとブックマークした時に戻ってこれないという問題がある。