如何在表中显示行

Question

使用样式属性我想显示表的单元格边框;

<table 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 style="border:10px">
                    <th scope="col">@T("Code")</th>
                    <th scope="col">@T("Product")</th>
                    <th scope="col">@T("Unit Price")</th>
                    <th scope="col">@T("Quantity")</th>
                    <th scope="col">@T("Value")</th>
                </tr>
            </thead>
            <tbody>

ATM看起来像： 试过像：

<tr style="border:10px; border-style:solid; border-color:Black;">

但没有快乐

Answer 1

如果您想要单元格上的边框，请将其添加到单元格而不是行。

<强> CSS：

td {
    border: 1px solid black;
}

或内联：

<td style="border: 1px solid black;"></td>

Answer 2

如果要显示每个单元格的边框，则只需添加具有以下值的样式属性：

<td style="border:1px solid Black;"></td>

border属性的语法是：

border：width | style | color;

风格的价值是：

none：定义无边框 点缀：定义虚线边框 虚线：定义虚线边框 solid：定义实线边框 double：定义两个边框。两个边框的宽度与border-width值相同 凹槽：定义3D凹槽边框。效果取决于边框颜色值 ridge：定义3D脊状边界。效果取决于边框颜色值 插图：定义3D插入边框。效果取决于边框颜色值 outset：定义3D开始边框。效果取决于边框颜色值

Answer 3

正如其他人所说，你可能想要设置td的样式，而不是tr。但是，你的tr的样式应该显示一些东西，所以我的猜测是你的样式被另一个css文件或其他东西覆盖。在Chrome中使用Fire Bug或Dev Tools（右键单击＆gt;检查元素），您可以在td上看到样式。然后，您可以看到哪些被覆盖（1），正在应用哪些（2），以及它们来自哪里（3）。