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

Answer 2

您需要为表格中的td元素添加边框。

那将完成这项工作

这是纯粹的jsfiddle http://jsfiddle.net/r46phvhL/3/

HTML表格 - 未显示边框

2 个答案:

JSFiddle