Html 如何为tr分配边界?

Html 如何为tr分配边界?,html,Html,我创建了这样的表。如果其中一个单元格为空,单元格将消失。如果值不存在,我希望该单元格至少有一个边框。如果我尝试为tr分配边框,则没有效果 <table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td>January</td> <td&g

我创建了这样的表。如果其中一个单元格为空,单元格将消失。如果值不存在,我希望该单元格至少有一个边框。如果我尝试为tr分配边框,则没有效果

<table border="1">

    <tr>
    <th>Month</th>
    <th>Savings</th>
    </tr>
    <tr>
    <td>January</td>
    <td>$100</td>
    </tr>
    <tr>
    <td>February</td>
    <td>$80</td>
    </tr>
    </table>

月
储蓄
一月
$100
二月
$80

如果要获取单元格边框,必须将其设置在td上:

<td style〓"border: 1px solid #gfdfgf">

在单元格的边框上尝试此css:

td{
        border: 1px solid black;
        height: 20px;
    }
如果您希望将此css用于行上的边框,请尝试将其用于行上的边框:

tr{
    border: 1px solid black;
    height: 20px;
}

请注意,20px的高度是您想要的高度,这只是一个示例。

您可以为tr内的所有td元素设置边框顶部和边框底部,并为内部的第一个和最后一个td设置边框左/右。

首先,如果任何单元格为空,它将在我的浏览器中工作。
如果它在浏览器中不起作用,则将高度和边框设置为td
这比使用属性更好。

请参阅了解css的边框。

这是因为默认情况下空表单元格是隐藏的。要使其显示,可以使用以下CSS:

table { empty-cells: show; }
更多信息: 浏览器支持:

从IE8到IE7都支持这种CSS(据我所知,IE7显示的是空单元格)


(如果你想在没有单独的CSS文件的情况下内联执行此操作,请尝试

我不想为小表创建CSS。好的,如果你不想使用
CSS
,也许你应该在你的问题中加入它。无论如何,它都不能回答问题。他希望边框出现在空单元格上。没错,如果你给单元格指定了一个特定的高度,那就行了。您的epmty单元格也是CSS解决方案……问题标题的可能重复是指
tr
border,文本讨论空白单元格边框,但代码示例没有空白单元格。现在还不清楚这里有什么问题。