双色导航栏固定顶部自举

Question

我想重新创建这张图片：

使用navbar-fixed-top的{​​{1}}中的

，目前我已添加此自定义Bootstrap：

导航栏-固定top.css

CSS

这是导航栏的引导代码：

.navbar {
    background-color: #8CB5A0;
    background-image: none;
}

这是css：

但我怎么能添加双红色边框，因为有两种类型的红色，或者更好我可以直接添加图像作为背景？

Answer 1

这是使用box-shadow

的更好选择

Double border

Answer 2

为图片添加如此背景background: url("urltoimage") repeat-x;