html - 到表格都漂亮的网格线

Question

我在 asp.net MVC 3 元素中有一个 View 。到目前为止一切顺利，但所有上下文都打包在一起。 我只希望这张 table 有坚实的边界。

是否有简单的 CSS(内联)？

 <table>
    <thead>
        <tr>
            <td>ID</td>
            <td>PIN</td>
            <td>First Name</td>
            <td>Middle Name</td>
            <td>Last Name</td>
        </tr>
    </thead>
    @foreach (var r in ViewBag.collections)
    { 
        <tr>
            <td>@r.IDNumber</td>
            <td>@r.PIN</td>
            <td>@r.FirstName</td>
            <td>@r.MiddleName</td>
            <td>@r.LastName</td>
        </tr>
    }
</table>

Answer 1

您可以在 CSS 规则中对表格应用一些边框样式:

table tr {
    border: 1px solid black;
}
table td, table th {
    border-right: 1px solid black;
}

大多数浏览器仍然支持<table border="1"> , 但不建议再做