CODEWITHSUNDEEP
htmlcss
capt.swag
capt.swag

Reputation: 10651

How to add a border-bottom or a horizontal line below the table heading

I want to create a Horizontal line below th. Below is what I want to achieve

Table underline required

I have created the table and all using the following html markup

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

So how do I add the horizontal line??

Upvotes: 2

Views: 6040

Answers (3)

Sam1604
Sam1604

Reputation: 1489

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

Upvotes: 4

Claudiu Creanga
Claudiu Creanga

Reputation: 8366

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

Upvotes: 1

himanshu
himanshu

Reputation: 1797

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

Upvotes: 5

Related Questions