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

前端之家收集整理的这篇文章主要介绍了一种在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

猜你在找的HTML相关文章