HTML table text (Interactive Example)

<!DOCTYPE html>
<html>
<head>
<title>Example</title>


<style>
.myTableText { 
  width: 100%;
  border-collapse: collapse;
  background-color: #98FB98; 
  }
.myTableText td, 
.myTableText th { 
  border: 2px solid #47ae32;
  padding: 5px; 
  }
.myTableText th { 
  font: bold 18px/1.1em Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 4px black; 
  letter-spacing: 0.1em; 
  background-color: #47ae32; 
  color:#98FB98; 
  }
.myTableText td { 
  font: normal 14px/1.5em Goudy, Georgia, serif;
  color: #47ae32; 
  }
.myTableText td a:link { 
  color: #006400;
  text-decoration: none; 
  }
.myTableText td a:visited { 
  color: #006400; 
  }
.myTableText td a:hover { 
  color: #FF4500;
  text-decoration: underline; 
  }
.myTableText td a:active { 
  color: #FF0000; 
  }
</style>

</head>
<body>


<table class="myTableText">
<tr>
<th>Header 1</th><th>Header 2</th>
</tr>
<tr>
<td>Try <a href="/css/">CSS</a></td>
<td>And <a href="/css/css3/">CSS 3</a></td>
</tr>
<tr>
<td>Or <a href="/html/">HTML</a></td>
<td>Or <a href="/sql/tutorial/">SQL</a></td>
</tr>
</table>

</body>
</html>