如何更改元素的背景顏色？

-4

我似乎無法改變一個div我有我的HTML的背景顏色，這裏是我到目前爲止有：如何更改元素的背景顏色？

<div class="footer"> 
    <div class="left-footer"> 
    </div> 
    <div class="center-footer"> 
    </div> 
    <div class="right-footer"> 
    </div> 
</div>

.footer { 
    color: #FF0000; 
    width: 100%; 
}

來源

2015-10-13 Andeb-autos

'color'是文字顏色。你想要「背景色」嗎？ http://jsfiddle.net/j08691/az3yLf75/ – j08691

是的，但我已經嘗試過背景顏色，但它仍然不起作用 –

您的頁腳是否有內容或高度？看我的小提琴。 – j08691

你這樣的事情後，很可能：

.footer { 
    color: #FF0000; 
    width: 100%; 
    background-color: blue; 
}

您還需要在實際div的一些內容看背景顏色，或

來源

2015-10-13 14:43:11

您應該使用background（肖爾設置高度/填充thand）或background-color更改背景顏色。

像這樣的：

.footer { 
    background-color: #fff; 
}

您還需要添加一些東西要麼股利給它的高度，或者高度申報的股利在CSS像這樣：

.footer { 
    background-color: #fff; 
    width: 100%; 
    height: 30px; 
}

來源

2015-10-13 14:43:20 Blake

對不起，這是在我提交我的報告後出現的，它們很奇怪...... – OliverRadini

好吧......看起來每個人都決定立刻回答。 – Blake

我嘗試過使用背景顏色，但它不起作用 –

您可能需要背景顏色，而不是顏色。顏色通常是字體顏色

來源

2015-10-13 14:43:22 OliverRadini

我嘗試過使用背景顏色，但它仍然不起作用 –

你有沒有試過把東西放在div中？例如https://jsfiddle.net/85oxug8f/ – OliverRadini

如果div中沒有任何內容，並且沒有聲明高度，則不會看到任何內容。 – Blake

您需要使用的

background-color

的CSS財產這增加了顏色的選擇元素的背景

您已使用的屬性（color）將顏色添加到所選元素的前景，即它代表文本的顏色

.footer { 
 
    background-color: red; 
 
    width: 100%; 
 
    height: 30px; /*Added just for demonstration purpose*/ 
 
}

<div class="footer"> 
 
    <div class="left-footer"> 
 
    </div> 
 
    <div class="center-footer"> 
 
    </div> 
 
    <div class="right-footer"> 
 
    </div> 
 
</div>

來源

2015-10-13 14:45:07

我試過了，它仍然不起作用 –

運行代碼片段 –

的color屬性更改文本顏色。您需要改爲設置background-color屬性。但是，除非你給div一些高度，否則你將無法看到！根據您的CSS

<div class="footer"> 
    <div class="left-footer"> 
    </div> 
    <div class="center-footer"> 
    </div> 
    <div class="right-footer"> 
    </div> 
</div> 

.footer { 
    background-color: #FF0000; 
    width: 100%; 
    height: 50px; 
}

來源

2015-10-13 14:47:23 Andrea

您使用的是不正確的屬性設置背景顏色，使用background-color代替color。 color用於設置文本的顏色。

注意基於一些意見，答案似乎你已經在你的樣品的標記，它沒有內容，因此div一定不高，你不會看到背景色測試background-color。請將內容添加到DIV或給他們一個指定的高度，所以你可以看到background-color工作。

.footer { 
    background-color: red; 
}

另一種可能性（基於看不見的代碼，並假定代碼）是，.footer孩子的DIV都浮動，導致.footer DIV崩潰，隱藏的背景色。要解決此問題，您需要將clearfix應用於.footer DIV。

來源

2015-10-13 14:47:42 hungerstar

你必須使用背景顏色。顏色爲文字

.footer { 
     background-color: the color you want; 
}

來源

2015-10-13 14:48:43 RubenSardinha

如何更改元素的背景顏色？

回答

相關問題