Menggabungkan Kode CSS ke Kode HTML Tanpa Menggunakan File CSS

<style type="text/css">
.mytable {
    background: #fff;
    border-collapse: collapse;
    margin-bottom: 7px;
    width: 400px;
}
.mytable td {
    border: 1px solid #bbb;
    background: #fff;
    padding: 5px;
    font-family: verdana;
    font-size: 9pt; 
}
.mytable th {
    border: 1px solid #aaa;
    background: #F7F7F7;
    text-align: center;
    padding: 7px;
    font-family: verdana;
    font-size: 9pt; 
}
.recno {
    text-align: center;
    width: 100px;
}
</style>
 
<table class="mytable">
  <tr>
    <th>First Column</th><th>Second Column</th>
  </tr>
  <tr>
    <td class="recno">1.</td><td>First record</td>
  </tr>
  <tr>
    <td class="recno">2.</td><td>Second record</td>
  </tr>
  <tr>
    <td class="recno">3.</td><td>Third record</td>
  </tr>
</table>