Html 如何在表格标题下方添加边框底部或水平线

我想在th下方创建一条水平线。下面是我想要达到的目标

我已经使用下面的html标记创建了表和所有内容

<table>
      <tr>
        <th>Table</th>
        <th>&#37; of Time Index Used</th>
        <th>Rows in Table</th>
      </tr>
      <tr>
        <td>tweet_groups</td>
        <td>67</td>
        <td>20,488</td>
      </tr>
</table>

桌子
% 使用的时间索引
表中的行
推特组
67
20,488

---

那么我如何添加水平线呢？？？

你试过类似的方法吗？为什么它不适合你呢？

边框底部：1px实心#000

我在th上使用了边框底部，但它在水平线之间提供了小空间。在tr上使用边框底部，而不是在thcreate fiddle上或向你展示CSS。你尝试过什么吗？为什么它不适合你呢？

边框底部：1px固体#000

我在th上使用了边框底部，但它在水平线之间提供了小空间。在tr上使用边框底部，而不是在thcreate fiddle上，或者也显示CSS

tr:first-child{ border-bottom: 1px solid #555;}

table tr:first-child{border-bottom:1px solid #000;}

th
{
 border-bottom: 2px solid #000000;
}