使用CSS创建曲线

我正在尝试创建一个类似使用CSS的模板。我已经创建了一个div并使用了下面的CSS代码，看起来像这样->。但我不知道如何创建曲线（我在下图中指出）

你能告诉我怎么做吗

谢谢

.container {
   width:75%;
   margin:0 auto; 
   margin-bottom:30px; 
   min-height:600px;
   background-color:#FFFFFF;
   -moz-box-shadow: 1px 1px 5px #999;
   -webkit-box-shadow: 1px 1px 5px #999;
   box-shadow: 1px 1px 5px #999;
}

<div class="container">My Template</div>​

.container{
宽度：75%；
保证金：0自动；
边缘底部：30px；
最小高度：600px；
背景色：#FFFFFF；
-莫兹盒阴影：1px 1px 5px#999；
-网络工具包盒阴影：1px 1px 5px#999；
盒影：1px 1px 5px#999；
}
我的模板​

您需要使用边界半径

border-radius: 10px;

-webkit-border-radius: 5px;
-moz-border-radius: 5px;

这是一本像样的指南

---

这是一个css边界半径生成器

---

您要查找的CSS属性是“边界半径”

---

阅读以了解有关此属性的更多信息。

您可以使用

：在带有显示块的
选择器之后，为其指定与橙色相同的背景颜色和边界半径，然后将其放置在曲线应该到达的位置：）@Kyle Sevenoaks。我已尝试过此代码
。容器：在{display；block；background color:#F78E1E；border radius:10px；}
之后，但它不起作用：（它需要内容：“；以及高度和宽度尺寸。感谢您的回复。请检查此链接。我已设法显示了一个框，但无法使其看起来像我上面提到的网站模板。您能帮助我吗？非常感谢您的回复。使用边界半径：10px；并不能解决我的问题。它只是使角落变得有点粗糙你说的是顶部菜单上反弹的角落吗？还是我误解了？
-webkit-border-radius: 5px;
-moz-border-radius: 5px;