css - navbar-inverse CSS 渐变///页脚

Question

我想要一个与 navbar-inverse 颜色相同的页脚，但我无法弄清楚实际的 CSS 渐变。是否可以使用 navbar-inverse 类来制作页脚？或者创建渐变 navbar-inverse 使用的确切线条？

谢谢！

Answer 1

这是反向导航栏的 css。

.footer {
  background-color: #1b1b1b;
  background-image: -moz-linear-gradient(top, #222222, #111111);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#222222), to(#111111));
  background-image: -webkit-linear-gradient(top, #222222, #111111);
  background-image: -o-linear-gradient(top, #222222, #111111);
  background-image: linear-gradient(to bottom, #222222, #111111);
  background-repeat: repeat-x;
  border-color: #252525;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff111111', GradientType=0);
}

Answer 2

我是同样的问题，这是我的工作：

-----------------
<footer class="footer">
    <div class="container">
        <p class="">&copy; 2016 BNSON, Inc. | <a href="https://bnson.blogspot.com/">https://bnson.blogspot.com/</a></p>
    </div>
</footer>
------------------

和 .footer 类中的新 CSS：

-------------------
        .footer {
            padding: 15px 0px 10px 0px;
            font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
            font-size: 14px;
            line-height: 1.42857143;
            color: #fff;
            background-color: #222;
            border-color: #080808;          
        }
------------------