使用twitter bootstrap製作凹形導航欄

我正在嘗試使頁腳navbar稍微凹而不是水平。任何人都知道這樣做的好方法？使用twitter bootstrap製作凹形導航欄

UPDATE

對不起，我沒來之前，描述性的。我正在嘗試做如下的事情。黝黑的部分將是導航欄頁腳：

enter image description here

SOLUTION

在DIV上改變邊界半徑以上頁腳工作。下面是我所做的：

border-bottom-left-radius: 30% 20%; 
    border-bottom-right-radius: 30% 20%; 
    z-index: 5; 
    border-bottom: 2px solid #b7af98;

2013-04-27 Sara

你可以顯示你正在使用的是什麼？通過猜測你的意思，我認爲這可以通過修改'border-radius'css屬性來實現。 – 2013-04-27 03:23:38

示例形狀，http：//css-tricks.com/examples/ShapesOfCSS/ ..請參閱[jsfiddle]（http://jsfiddle.net/cogent/6A5Lb/） – 2013-04-27 04:43:00

@icanc，請參閱我爲什麼添加的圖片我正在努力實現 – Sara 2013-04-27 06:12:40

我想你正在尋找的是這樣的：

既然你想這樣做的頁腳，你可能也想嘗試：

footer { 
    border-top-left-radius:15px; 
    border-top-right-radius:15px; 
}

2013-04-27 03:45:37

謝謝，這就是我一直在尋找的！我最終改變了頁腳上方div的border-bottom屬性。查看解決方案的第二個更新。 – Sara 2013-04-27 18:12:14

嘗試在您現有的某個元素中使用背景圖像。

2013-04-27 13:33:39

回答