使用Twitter Bootstrap创建凹面导航栏

Question

I'm trying to make my footer navbar slightly concave instead of horizontal. Anyone know of a good way to do this?

UPDATE

Sorry, I wasn't to descriptive before. I'm trying to do something like the following. The tan part would be the navbar footer:

SOLUTION

Changing the border radius on the div above the footer worked. Here's what I did:

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

Answer 1

I think what you are looking for is this :

http://www.w3schools.com/cssref/css3_pr_border-radius.asp

and since you want this done to a footer, you may want to try :

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

Answer 2

尝试在现有元素之一中使用背景图片。