Table
A table is an arrangement of data in rows and columns
An HTML table is defined with the <table> tag.
Each table row is defined with the <tr> tag.
A table header is defined with the <th> tag. By default, table headings are bold and centered.
A table data/cell is defined with the <td> tag.
If you want the borders to collapse into one border, add the CSS border-collapse property.
Cell padding specifies the space between the cell content and its borders.-CSS padding property.
To set the border-spacing for a table, use the CSS border-spacing property.
To make a cell span more than one column, use the colspan attribute.
To make a cell span more than one row, use the rowspan attribute.
<table class="table"> <tr class="thead"> <th> Ipsum </th> <th> Ipsum </th> <th> Ipsum </th> <th> Ipsum </th> <th> Ipsum </th> </tr> <tr> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> </tr> <tr> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> </tr> <tr> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> <td> Ipsum </td> </tr> </table>
CSS
.thead{background:#f1f1f1;}
.table td{border-bottom: 1px solid #dee2e6;}