[Solved] Create transparent HTML table [closed]

by


Here is a working snippet.

  1. border-spacing removes the spacing between cells
  2. tr:first-of-type targets only the first row to apply background color
  3. td:nth-child(odd) targets only the first column to make all fields bold
table{
  border-spacing:0;
}

tr:first-of-type{
  background:lightgray;
  }

td:nth-child(odd){
  font-weight:bold;
}

th,td{
  padding:5px;
}
<table>
  <tr>
    <td>Plan / Feature</td>
    <td>Standard</td>
  </tr>
  <tr>
    <td>Plan Type</td>
    <td>Annual</td>
  </tr>
  <tr>
    <td>Email Support</td>
    <td>Yes</td>
  </tr>
</table>

solved Create transparent HTML table [closed]