HTML表格 - 未显示边框

Question

是的,我搜索过了.我用Google搜索了.我问过其他人.到目前为止没有答案.

我试图在代码中创建一个表,其中有其他表.

    .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