<table class="tableborder"><caption><strong>This is a table</strong></caption><thead>
  <tr>
    <th>First column</th>
    <th>Second column</th>
    <th>Third column</th>
    <th>Fourth column</th>
    
  </tr></thead><tbody><tr><th>First row</th><td class="tableshade"> A1</td><td>A2</td><td>A3</td></tr><tr><th>Second row</th><td>B1</td><td>B2</td><td>B3</td></tr><tr><th>Third row</th><td>C1</td><td>C2</td><td>C3</td></tr><tr><th>Fourth row</th><td>D1</td><td>D2</td><td>D3</td></tr>‍</tbody></table>


.tableborder{ border-collapse: collapse;} /*In Webflow border-collapse is already "on" so youi can delete this instruction if you cat and paste into An HTML embed in Webflow
*/

/*The following code will affect ALL the table row and table header cells across your site. The only way round this would be to add a specific class="" to every cell.*/

td, th {
  border: 1px solid #ebac1c;
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #dddddd;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.