使用CSS创建曲线

时间:2012-10-22 08:17:22

标签: css css3

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

你能告诉我怎么做吗?

谢谢

enter image description here

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

3 个答案:

答案 0 :(得分:1)

您需要使用border-radius。

border-radius: 10px;

这是一个体面的指南

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

答案 1 :(得分:0)

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

http://border-radius.com/

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

答案 2 :(得分:0)

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

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

阅读this以了解有关此媒体资源的更多信息。