Html 使用类更改单元格的背景色_Html_Css_Class

Html 使用类更改单元格的背景色

html css class

Html 使用类更改单元格的背景色,html,css,class,Html,Css,Class,所以，基本上对于我高中的HTML/CSS课程，我必须使用CSS创建一个表。分配时需要使用类和id。在我的代码中，我分配了类，并使用div语句调用它。但这样做时，只有文本的背景更改为我指定的颜色。我需要更改整个单元格块，如下图所示：您需要给a类，然后更改它的background color属性，它的大小取决于您的css定义或其中的元素，而不是父元素例如因为这基本上是在回答你的家庭作业，请试着自己理解为什么这样做。1你把这门课应用到了什么地方，它的内容是什么？2您实际想要影响的单元格块是什么

所以，基本上对于我高中的HTML/CSS课程，我必须使用CSS创建一个表。分配时需要使用类和id。在我的代码中，我分配了类，并使用div语句调用它。但这样做时，只有文本的背景更改为我指定的颜色。我需要更改整个单元格块，如下图所示：

您需要给a类，然后更改它的background color属性，它的大小取决于您的css定义或其中的元素，而不是父元素

例如

因为这基本上是在回答你的家庭作业，请试着自己理解为什么这样做。

1你把这门课应用到了什么地方，它的内容是什么？2您实际想要影响的单元格块是什么HTML元素，您是否为其分配了类？如果你能回答这些问题，你就能解决你的问题。元素已弃用/过时；属性也是如此。

<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>

.metal {
    text-align: center;
    background: silver;
}

<tr>
    <td class="metal">Ga</td>
</tr>