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

Question

我想在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>

那么如何添加水平线呢？

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;
}