径向渐变，将截面拆分为两个CSS椭圆形状

我试着将我的部分一分为二，并将中间部分做成半椭圆形。但我做不到

.super{
背景：线性梯度（向右，灰色50%，红色50%）；
}

---

不确定这是否是您想要的结果，但请尝试使用该属性

.super{
背景色：红色；
高度：150像素；
剪辑路径：圆形（50%为89%为54%）；
}

像这样吗

正文
{
背景色：黑色；
}
#包装纸
{
宽度：600px；
高度：175px；
背景色#3596fb；
溢出：隐藏；
}
#圈
{
背景色：白色；
高度：600px；
宽度：600px；
边界半径：50%；
利润率最高：-30%；
左边距：50%；
}