繁体   English   中英

使用Twitter Bootstrap创建凹面导航栏

[英]Make a concave navbar with twitter bootstrap

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

更新

抱歉,我之前没有进行描述。 我正在尝试执行以下操作。 棕褐色的部分将是导航栏页脚:

在此处输入图片说明

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

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

我认为您正在寻找的是:

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

并且由于您希望将此操作添加到页脚,因此您可能需要尝试:

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM