一种在html中将表格单元格组合在一起的方法？

所以很直接.我需要一种将细胞分组在一起的方法.像< div>或者< span>但没有一个工作. < TBODY>似乎是一个很好的解决方案,但它只适用于表行.帮帮我！

解决方法

您可以添加html col标签来对列td进行分组.

.col-group-1 {
  background-color: yellow;
 }

.col-group-2 {
  background-color: silver;
 }

<table>
  <colgroup>
    <col class="col-group-1">
    <col span="2" class="col-group-2">
  </colgroup>
  <tr>
    <th>Name</th>
    <th>City</th>
    <th>Phone</th>
  </tr>
  <tr>
    <td>Mary</td>
    <td>New york</td>
    <td>987654321</td>
  </tr>
  <tr>
    <td>MagDalena</td>
    <td>Los Angeles</td>
    <td>123456789</td>
  </tr>
</table>

</body>
</html>

请查看html col tag

以及如何使用它们与css styling

原文地址：https://www.jb51.cc/html/224766.html