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

Question

我想在 下面创建一个水平线。以下是我想要实现的目标

我使用以下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>

那么如何添加水平线？

Answer 1

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

Answer 2

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

Answer 3

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