如何更改不同容器和列的背景顏色？

好的，所以我是全新的（編程），我甚至不確定如果我要問的問題是措辭正確還是有道理，但在這裏。如何更改不同容器和列的背景顏色？

我正在爲客戶端啓動一個引導主題，我正在嘗試更改背景顏色。我不希望頁面的背景顏色完全相同。我希望某些行具有與頁面其餘部分不同的背景顏色。我怎樣才能做到這一點？我試過用我想要的背景顏色向容器中添加獨特的標籤，但不管我做什麼都沒有改變。我知道這是簡單的，我只需要一個簡單的解釋，以便如何使這項工作！幫幫我！

來源

2014-02-10 user3294377

把你試過的代碼/ html放在問題中，它會讓你更快/更好的迴應。 – BlackICE

請發表您的代碼！ –

你有一些選擇來做到這一點。對於在div的背景：你可以這樣做：

<head> 
    <style> 
    body{ 
     background-color: red; 
    } 
    .backg1{ 
     background-color: blue; 
     width: 100%; 
     padding: 10px;} 
    .content{ 
    background-color: white; 
    margin: 10px; 
    width: 80%; 
    height: 100px;} 
</style> 


    </head> 
    <body> 
     <div class="backg1"> 
      <div class="content"> 
      </div> 
     </div> 
    </body>

僅與CSS屬性的工作。你需要粘貼代碼來嘗試幫助你。

來源

2014-02-10 19:43:53 MrMins

添加class = 「BGCOLOR」

像：

<div class="bgColor"> 
.... 
</div>

你的CSS：

.bgColor{ 
background: #dadada; 
}

來源

2014-02-10 19:44:17 RealDeepak

給在custom_style.css所有的風格，您可以在其中添加對CSS屬性元素。在你的custom_style.css裏面，你給了你想要的背景顏色。就是這樣，它只是CSS的工作。沒有其他程序或程序。

考慮#Page 1

/* Include Bootstrap.css and custom_style.css etc */ 
    <body> 
     <div class="container"> 
     <div id="Web_page_home"> 
     ............. 
     </div> 
     </div> 
    /* include JQuery.js and Bootstrap.js */

考慮#page 2

/* Include Bootstrap.css and custom_style.css etc */ 
    <body> 
     <div class="container"> 
     <div id="Web_page_about"> 
     ............. 
     </div> 
     </div> 
    /* include JQuery.js and Bootstrap.js */

這裏去CSS 「Custom_style.css」的工作具有

#Web_page_home { background-color:red; } 
    #Web_page_about{ background-color:green; }

輸出將b的Page 1 backgorund將顯示紅色，另一頁2顯示綠色。

如果你還不明白，我還會附上小提琴。

來源

2014-02-10 20:41:13 Karthikeyan

如何更改不同容器和列的背景顏色？

回答

相關問題