cssで上部と下部がふっくらした四角を作りたい

Question

cssでタイトルの図形を作成したいです。
widht100%のコンテンツエリアのbackgroundの上部と下部に少し膨らみをつけたいです。

イメージ解りづらいかもしれませんが角丸ではなく中心部が少し盛り上がり丸みが付いています。
何卒、ご教授お願いいたします。

Answer 1

ふっくら･･･。

#a {
  background-color: #eab;
  width: 90vw;
  height: 90vh;
  margin: 5vh auto;
  border-top-left-radius: 50% 3vw;
  border-top-right-radius: 50% 3vw;
  border-bottom-right-radius: 50% 3vw;
  border-bottom-left-radius: 50% 3vw;
}
```**動くサンプル：**[https://jsfiddle.net/545em468/](https://jsfiddle.net/545em468/)

Comments

[KEJ]

抽象的な質問に的確な回答ありがとうございます。イメージ通りです！
本当にありがとうございました！