css - 使用 CSS 创建曲线

Question

我正在尝试使用 CSS创建一个像这样的模板。我创建了一个 div 并使用了以下 CSS 代码，它看起来像这样-> http://jsfiddle.net/3kKkD/。但我不知道如何创建曲线（我已在下图中指出）

你能告诉我怎么做吗？

谢谢

.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>​

Answer 1

您将需要使用边界半径。

border-radius: 10px;

这是一个体面的指南

http://www.css3.info/preview/rounded-border/

Answer 2

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

http://border-radius.com/

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

Answer 3

您正在寻找的 CSS 属性是“border-radius”。

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

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