html - 如何将 html 表格分成两列，交替行背景颜色

Question

我处理这个问题已经有一段时间了，似乎在任何平台上都找不到真正的解决方案。 这是最终结果的样子。

这是表结构。

   <table  cellspacing="0" cellpadding="7px">
        <tr>
            <td><b><?php echo $title_form_database; ?></b></td>
            <td><?php echo $data_from_database; ?></td>
        </tr>
   </table>

所以每个属性例如(max. Leistung) 和它前面的数据是一行。 我想要的是将表格分成两列，如图所示。 我无法设置特定的行数，因为我不知道每个产品有多少属性，而且它是从数据库动态加载的。 另外我想知道如何处理行的背景颜色。

Answer 1

您可以使用 css 选择器来处理。我认为这就是您要寻找的:

tr:nth-child(even) {
    background: #CCC;
  }
tr:nth-child(odd) {
    background: #FFF
  }