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

发布时间：2020-12-14 18:55:31 所属栏目：资源来源：网络整理

导读：所以很直接.我需要一种将细胞分组在一起的方法.像 div或者 span但没有一个工作. TBODY似乎是一个很好的解决方案,但它只适用于表行.帮帮我！解决方法您可以添加html col标签来对列td进行分组. .col-group-1 { background-color: yellow; }.col-group-2 { ba

所以很直接.我需要一种将细胞分组在一起的方法.像< 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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!