Sebelumnya kita telah membuat table sederhana, kali ini kita akan memodifikasi kolom dengan warna backround warna-warni seperti berikut :

Header 1 Header 2 Header 3 Header 4 Header 5 Header 6 Header 7
List 1 List 2 List 3 List 4 List 5 List 6 List 7
List 1 List 2 List 3 List 4 List 5 List 6 List 7
List 1 List 2 List 3 List 4 List 5 List 6 List 7
List 1 List 2 List 3 List 4 List 5 List 6 List 7
List 1 List 2 List 3 List 4 List 5 List 6 List 7

Masukkan script berikut ke tempat yang diinginkan :

<table border=”1″ align=”center”><colgroup> <col style=”background-color: #fff000;” /> <col style=”background-color: #00ff00;” /> <col style=”background-color: #edf700;” /> <col style=”background-color: #84a5e7;” /> <col style=”background-color: #edf700;” /> <col style=”background-color: #b088a0;” /> <col style=”background-color: #ff00ff;” /> </colgroup>
<tbody>
<tr>
<th>Header 1</th>
<th>Header 2</th>
<th>Header 3</th>
<th>Header 4</th>
<th>Header 5</th>
<th>Header 6</th>
<th>Header 7</th>
</tr>
<tr>
<td>List 1</td>
<td>List 2</td>
<td>List 3</td>
<td>List 4</td>
<td>List 5</td>
<td>List 6</td>
<td>List 7</td>
</tr>
<tr>
<td>List 1</td>
<td>List 2</td>
<td>List 3</td>
<td>List 4</td>
<td>List 5</td>
<td>List 6</td>
<td>List 7</td>
</tr>
<tr>
<td>List 1</td>
<td>List 2</td>
<td>List 3</td>
<td>List 4</td>
<td>List 5</td>
<td>List 6</td>
<td>List 7</td>
</tr>
<tr>
<td>List 1</td>
<td>List 2</td>
<td>List 3</td>
<td>List 4</td>
<td>List 5</td>
<td>List 6</td>
<td>List 7</td>
</tr>
<tr>
<td>List 1</td>
<td>List 2</td>
<td>List 3</td>
<td>List 4</td>
<td>List 5</td>
<td>List 6</td>
<td>List 7</td>
</tr>
</tbody>
</table>

Cara membuat table dengan kolom selang-seling