这种CSS椭圆形怎么画

Question

如图，不知道用什么方法

Answer 1

试了下 画的不咋好看 基本是你的需求吧

思路
1、布局 上中下 三个div
2、上面div 右下设置radius，下面div右上设置radius
3、中间的div 里面分成 左右连个相同的div 右边的div 设置背景色为白色（跟底色相同） 然后 设置左边radius

<div>
    <div class="item item-first"></div>
    <div class="item item-second">
        <div class="item-second-one"></div>
        <div class="item-second-two"></div>
    </div>
    <div class="item item-third"></div>
</div>

Answer 2

如果是 web 端， 个人觉得 SVG 挺好的， 凹起处是曲线光滑的， border-radius 并不行