使用twitter bootstrap创建一个凹形导航栏

时间:2013-04-27 03:22:10

标签: css ruby-on-rails twitter-bootstrap navbar

我试图让我的页脚导航栏略微凹而不是水平。有人知道这样做的好方法吗?

更新

抱歉,我以前没有描述性。我正在尝试做类似以下的事情。棕褐色部分将是导航栏页脚:

enter image description here

更改页脚上方div的边框半径。这是我做的:

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

2 个答案:

答案 0 :(得分:1)

我认为你在寻找的是:

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

并且由于您希望对页脚执行此操作,因此您可能需要尝试:

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

答案 1 :(得分:0)

尝试在现有元素中使用背景图像。