使用CSS創建曲線

我正在嘗試使用CSS創建一個像this one的模板。我創建了一個div，並使用了以下CSS代碼，它看起來像這樣 - >http://jsfiddle.net/3kKkD/。但我不知道如何創建曲線（我在下圖中指出）使用CSS創建曲線

請問您可以告訴我該怎麼做？

感謝

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>

來源

2012-10-22 black_belt

你可以使用帶有顯示塊的'：after'選擇器，給它與橙色相同的bg顏色和一個邊框半徑，然後將它放置在曲線應該去的位置:) – Kyle

@Kyle Sevenoaks。我已經嘗試了這個代碼'.container：在{display; block;}之後顯示{ ; background-color：＃F78E1E; border-radius：10px; 「但它不起作用。 :( –

它需要內容：「」;高度和寬度尺寸。 – Kyle

您將需要使用邊界半徑。

border-radius: 10px;

這裏是一個不錯的指南

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

來源

2012-10-22 08:19:59 TheITGuy

非常感謝您的回覆。使用border-radius：10px;並沒有解決我的問題，它只是使角落有點圓 –

頂部菜單上的反彈角不是你指的是什麼？或者我誤解了？ – TheITGuy

這裏是一個CSS邊界半徑發電機

http://border-radius.com/

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

來源

2012-10-22 08:21:40

你正在尋找的CSS屬性是「邊界半徑」。

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

閱讀this瞭解更多有關此房產的信息。

來源

2012-10-22 08:22:21 GeoffreyB

使用CSS創建曲線

回答

相關問題