table-html

by Md. Mostafa Kamal

HTML

<table>
  <thead>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <th>Name</th>
      <th>Instrument</th>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>John Lennon</td>
      <td>Rhythm Guitar</td>
    </tr>
    <tr>
      <td>Paul McCartney</td>
      <td>Bass</td>
    </tr>
    <tr>
      <td>George Harrison</td>
      <td>Lead Guitar</td>
    </tr>
    <tr>
      <td>Ringo Starr</td>
      <td>Drums</td>
    </tr>
  </tbody>
</table>

CSS

table {
 border-collapse:collapse;
 border-spacing:0
}
td,th {
 padding:0;
 text-align:left
}
table td {
 border:1px solid #e6e6e6;
 padding:0.5em
}
table th{
      border: 1px solid #e6e6e6;
      padding: 0.5em;
      background-color: rgba(187, 181, 179, 0.85);
}