2013-05-27 51 views
-1

我想要一個與navbar-inverse顏色相同的頁腳,但我無法弄清楚實際的CSS漸變。是否可以使用navbar-inverse類製作頁腳?或者創建漸變navbar-inverse使用的確切線?navbar-inverse CSS漸變///頁腳

謝謝!

+0

使用該輸入你的價值觀HTTP:// WWW .colorzilla.com/gradient-editor /並點擊「反向」按鈕。 –

回答

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); 
} 
+0

有不同的倒置導航欄樣式,你不應該自己硬編碼任何CSS –

0

我同樣的問題,這我的工作:

----------------- 
<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> 
------------------ 

和新的CSS在.footer類:

------------------- 
     .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;   
     } 
------------------ 
+2

你是說你有同樣的問題,你想要一個解決方案嗎?還是代碼回答這個問題? – Tunaki