CSS 显示表格行间距

当我们使用 HTML 中的 <table> 元素创建表格时，有时候需要设置表格行和行之间的间距，以便使表格更加美观和易读。那么如何使用 CSS 设置表格行间距呢？下面将介绍两种方法。

方法一：使用 border-spacing 属性

border-spacing 属性可以用来设置表格边框与单元格之间的距离，也可以用来设置表格行与行之间的距离。设置表格行间距的代码如下：

table {
    border-spacing: 10px;
}

代码中的 10px 可以改为任意你想要的值。这里将所有表格的行间距都设置为了 10px。

方法二：使用 padding 属性

我们也可以为表格的每个单元格设置内边距，间接实现行间距的效果。代码如下：

table td {
    padding: 10px;
}

代码中的 10px 可以改为任意你想要的值。这里将所有表格的单元格内边距都设置为了 10px，从而达到了行间距的效果。

以上就是设置表格行间距的两种方法。根据实际情况选择一种适合自己的方法即可。