使用一個類更改單元格的背景顏色

-2

<html> 
<font face = "arial"> 
<style> 
#periodictable { 
    position: static; 
    border-top: : solid red 1pt; 
    border-right:solid red 1pt; 
    border-bottom:solid red 1pt; 
    border-left:solid red 1pt; 
} 
.metalloid { 
    background-color : #AF9B60; 
} 
.metal { 
    background-color: #C0C0C0; 
} 
</style> 
<body> 
<table width = "202" height = "211"> 
<div id = "periodictable";> 
<tr> 
    <td bgcolor = #AF9B60><div class = "metalloid"><center>B</center></div></td> 
    <td><center>C</center></td> 
    <td><center>N</center></td> 
</tr> 
<tr> 
    <td><div class = "metal"><center>Al</center></div></td> 
    <td bgcolor = #AF9B60><div class = "metalloid"><center>Si</center></div></td> 
    <td><center>P</center></td> 
</tr> 
<tr> 
    <td><div class = "metal"><center>Ga</center></div></td> 
    <td><div class = "metalloid"><center>Ge</center></div></td> 
    <td><div class = "metalloid"><center>As</center></div></td> 
</tr> 
</div> 
</table> 
</font> 
</body> 
</html>

所以，基本上爲我的高中HTML/CSS類，我不得不使用CSS創建一個表。有了這個任務，它需要使用類和id。用我的代碼，我已經分配了類並使用div語句調用它。但是，當這樣做時，只有文本的背景被更改爲我分配的顏色。我需要整個單元塊被改變圖如下圖所示：使用一個類更改單元格的背景顏色

sample

來源

2014-09-21 Mahnoor Tariq

1）你應用了什麼類，它的內容是什麼？ 2）什麼HTML元素是你實際上想要影響的「單元格塊」，並且你是否給它分配了一個類？如果你可以回答這些問題，你會解決你的問題。 – mc01 2014-09-21 23:25:30

']（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/center）和['']（https://developer.mozilla.org/en- US/docs/Web/HTML/Element/font）元素已過時/過時;同樣，['bgcolor']（http://www.w3.org/TR/html4/present/graphics.html#adef-bgcolor）屬性。 – 2014-09-21 23:27:45

使用一個類更改單元格的背景顏色

回答

相關問題