使用一个类更改单元格的背景颜色

-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

使用一个类更改单元格的背景颜色

回答

相关问题