HTML 表格 - 不显示边框

Question

是的，我已经搜索过了。我用谷歌搜索过。我问过别人。到目前为止没有答案。

我正在尝试在有其他表格的代码中制作表格。

    .btlTable{
        border: 1px solid #A4A4A4;}
    /*  Table Styling */
    table {width: 100%; border-collapse: collapse; margin: 0px;}
    .tblLeft {text-align: left;}
    .tblRight {text-align: right;}
    .tabIn {margin: 0px 0px 0px 30px;}
    .cFooter {text-align: center; float: left; width: 100%}
    td#tblTotals {font-weight: bold;}
    .tblCardInfo{padding: 20px 0px 15px 0px;}
    th {white-space:nowrap;}
    td {vertical-align:top;}
    .notLast {padding: 0px 15px 0px 0px;}
    .last {padding: 0px 0px 0px 15px;}
    .transInfo {font-size:11px;padding: 2px 0px 2px 0px;}

<table class="btlTable" cellpadding ="5"> 
<tr>
<td><b>Betalingsalternativ</b></td>
<td><b>Effektiv rente</b></td>
<td><b>Rentebeløp</b></td>
<td><b>Gebyrer</b></td>
<td><b>Total kostnad</b></td>
<td><b>Månedlig betaling</b></td>
</tr>
<tr>
<td>Betaler alt ved første faktura</td>
<td>0,0%</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>15.000</td>
</tr>
<tr>
<td>3 måneder</td>
<td>11,3%</td>
<td>269</td>
<td>0</td>
<td>269</td>
<td>5.090</td>
</tr>
<tr>
<td>12 måneder</td>
<td>19,8%</td>
<td>1.517</td>
<td>0</td>
<td>1,517</td>
<td>1.376</td>
</tr>
<tr>
<td>36 måneder</td>
<td>22,3%</td>
<td>5.154</td>
<td>0</td>
<td>5.154</td>
<td>560</td>
</tr>
<tr>
<tr>
<td colspan ="5"><br>Tabellen viser ulike betalingalternativer for nedbetaling dersom du kjøper en vare for kr 15.000.</td>
</tr>
<tr>
<td colspan ="5">Beregningen forutsetter at du benytter deg av eFaktura. Nominell rente er 21,62%</td>
</tr>

</table>

由于缺乏声誉，我无法发布图片，但表格周围有边框。然而，行和列之间没有边界。任何人都可以看到是什么原因造成的吗？我完全被难住了。 任何帮助深表感谢!

Answer 1

只需更新您的 CSS，如下所示。

CSS:

.btlTable, .btlTable td { border: 1px solid #A4A4A4; }

JSFiddle