关于使用纯CSS3绘制形状的问题

请你看一下，让我知道如何改变形状，如下图所示

这是我的CSS属性

#shape
{
    width: 500px;
    height: 350px;
    background: #EAD2BA;
    /*border-radius*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    margin-top: 225px;
    margin-left: -20px;
}

body{padding:40px；}
#形状
{
宽度：500px；
高度：350px；
背景：#EAD2BA；
/*边界半径*/
-webkit边界半径：50%；
-moz边界半径：50%；
边界半径：50%；
保证金：自动；
边缘顶部：225px；
左边距：-20px；
}

---

这不是您要寻找的确切形状，但无论如何您都会从中找到它

首先，要创建该形状，您需要不止一个形状，所以在css中使用类似于#shape:after的东西可以做到这一点

下面是我用来创建类似形状的代码：

body{padding:40px;}
#shape {
width: 20;
height: 0;
-webkit-border-radius: 50%;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid transparent;
border-top: 50px solid #EAD2BA;
position: relative;
}
#shape:after {
width: 473px;
height: 0;
-webkit-border-radius: 50%;
border-bottom: 100px solid #EAD2BA;
border-top: 100px solid transparent;
position: absolute;
content: "";
top: -100px;
left: -36px;
}

---

还有一个问题：

很肯定你不能用border-radius来实现这一点。谢谢Paulie，但是用CSS是否可行？可能，但坦率地说，这可能不值得努力。使用图像或SVG。感谢Kristofer Aron Sverrisson，这非常有用