Css Table demo

by Michael Wagner

HTML

<table>
  <th>Name:</th>
  <th>Age:<th>   
  <tr>
    <td class="customCHTR">Mike</td>
    <td class="customCHTR">30</td>        
  </tr>
  <tr>
    <td class="customCHTR">Harry</td>
    <td class="customCHTR">24</td>        
  </tr>         
</table>

CSS

table {
  border: solid #000;
  font-family: monospace;
}

th {
  text-align: left;
}

td {
  border: 2px solid #000;
  width: 50%;
}

.customCHTR:hover {
  border: 2px solid red;
  background-color:#e7e7e7;
  font-weight:bold;
}