如何扩展表高度（或宽度），使边框显示在不同的位置

Question

我有一张表，其高度取决于从查询中提取的行数。我希望桌子有一个底部边框，可以在最后一行数据下方看到一些像素。

我已尝试在表格底部添加边距或填充，以使底部边框线更低。这就是我现在所拥有的：

#shots_table{
    position: absolute;
    top: 100px;
    left: 780px;
    width: 200px;
    height: auto;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    margin-bottom: 100px;
    padding-bottom: 100px;
}

输出结果如何：

如何将线高于下方？

Answer 1

你可以尝试在最后一行的单元格中增加padding-bottom：

#shots_table tr:last-child>td {padding-bottom:20px}