css table td 行间距

CSS表格是设计网页布局时经常用到的一种元素，其中td元素是表格的每一列，而tr元素则是表格的每一行。在CSS表格中，我们可以轻松地控制表格的样式，包括行间距、列宽、对齐方式等等。

在表格中，通过设置td元素的padding属性来控制行间距。padding属性用于设置元素的内边距，通过给td元素设置padding-top和padding-bottom，就可以控制行间距：

td {
  padding-top: 10px;
  padding-bottom: 10px;
}

在上面的代码中，我们设置了td元素的padding-top和padding-bottom为10像素，这样就会在每一行的顶部和底部留出10像素的空白，从而实现了行间距的效果。

需要注意的是，如果表格中有合并单元格的情况，可能会出现行间距不一致的问题。这时可以通过设置伪元素来解决，具体代码如下：

td:after {
  content: "";
  display: block;
  height: 10px;
}

在上面的代码中，我们通过设置td元素的伪元素：after来实现行间距的效果。通过设置display属性为block并设置一个高度，就可以在每一行的末尾自动添加一个10像素的空白区域，从而保证行间距的一致性。

总之，CSS表格是一种十分灵活和强大的元素，通过简单的样式调整，就可以轻松控制表格的样式和布局，为网页设计带来更多个性化的选择。