如何更改html中單個列的背景顏色？

Question

如何更改HTML中單個列的背景顏色？我有幾個HTML頁面鏈接到一個12列網格的CSS文件，並且我將一些HTML頁面中的一列的背景改變爲與常規背景顏色（白色）不同的顏色，但不是其他列。此外，我想更改此欄的文字顏色。我怎樣才能做到這一點？

Answer 1

相關的HTML table元件時，它可以實現如以下示例所示：使用CSS3風格等

<table> 
<tr> 
<td></td> 
<td style="background-color:#909090;"></td> 
<td></td> 
</tr> 
</table> 

，或者在更復雜的方式：

table td:nth-child(2) 
{ 
    background-color:#909090; 
} 

希望這將幫幫我。

Answer 2

如果沒有與<table>但<div>標籤建立自己的佈局，你可以這樣實現它：

<div class="container"> 
    <div> 
     First column 
    </div> 
    <div style="background-color: red"> 
     Second column 
    </div> 
    ... 
</div> 

或者，在CSS：

.container div:nth-child(2) { 
    background-color: red; 
}