Pada artikel sebelumnya kita telah membuat table sederhana langsung pada halaman posting atau sidebar.

Cara membuat table sederhana

Kali ini kita akan membuat table menggunakan css. Kelebihan dari cara ini adalah, kita tidak perlu banyak memasukkan script table ketika kita ingin memasukkan table dalam postingan.

Contoh table menggunakan css

Header 1 Header 2 Header 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3
List 1 List 2 List 3

Selengkapnya silakan ikuti langkah-langkah berikut :

Masukkan script berikut di file css / dalam widgets  / buat file css di file manager:

<table>
<caption><h3>Script table menggunakan CSS</h3></caption>
    <tr>
        <th>Header 1</th>
        <th>Header 2</th>
        <th>Header 3</th>
    </tr>
    <tr>
        <td>List 1</td>
        <td>List 2</td>
        <td>List 3</td>
    </tr>
<tr>        
<td>List 1</td>
        <td>List 2</td>
        <td>List 3</td>
    </tr>
<tr>        
<td>List 1</td>
        <td>List 2</td>
        <td>List 3</td>
    </tr>
<tr>        
<td>List 1</td>
        <td>List 2</td>
        <td>List 3</td>
    </tr>
<tr>       
<td>List 1</td>
        <td>List 2</td>
        <td>List 3</td>
    </tr>
</table>

Selanjutnya kita akan membuat table dengan kolom warna-warni yang bisa dilihat di link berikut :

Cara membuat table dengan kolom warna-warni