显示表格的所有边框线

Question

为什么：

 <table style="border:1px solid black; " class="table-bordered table-striped table">
            <colgroup>
                <col id="Col1" />
                <col id="Col2" />
                <col id="Col3" />
                <col id="Col4" />
                <col id="Col5" />
            </colgroup>
            <thead>
                <tr>
                    <th style="border:1px solid black;" scope="col">@T("Code")</th>
                    <th style="border:1px solid black;" scope="col">@T("Product")</th>
                    <th style="border:1px solid black;" scope="col">@T("Unit Price")</th>
                    <th style="border:1px solid black;" scope="col">@T("Quantity")</th>
                    <th style="border:1px solid black;" scope="col">@T("Value")</th>
                </tr>
            </thead>
            <tbody>

看起来像：

我想显示所有细胞的所有边界？
<table>中的样式是否应该这样做？

Answer 1

使用css时，你可以设置一个表格的边框，就像这样的单元格

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

Answer 2

在表格中使用border="1"，例如<table border="1">

Demo JsFiddle使用border="1"

Demo JsFiddle使用style="border:1px solid black;"

Answer 3

表格边框和css边框之间存在差异。要对每个单元格应用边框，您必须使用名为border的表格属性使用表格边框，或将css边框应用于表格的每个单元格。要了解详情，请访问以下LINK