每行之间的空间

Question

我需要为每行设置背景颜色为灰色，每行之间有一个空格。下面的代码集在行之间没有间隙/空格。

<table class="greydiag">
                    <tbody>
                        @foreach (var item in Model.project)
                        {
                            @:<tr style="background-color:grey; margin-bottom:10px">
                            <td class="position">@item["position"]</td>                                
                            <td class="image">
                                <img src="@item["image"]" />
                            </td>
                            <td class="name">@item["name"]</td>

                            @:</tr>
                        }
                    </tbody>
                </table>

Answer 1

您可以对table使用border-spacing属性，如下所示：

table {
    border-spacing: 0 8px; /* two-value syntax: horizontal vertical */
}

<强> WORKING DEMO

注意：确保该表格有border-collapse: separate;。