Beri warna pada form html

Dari tabel diatas kita akan membuat warna header tabel, disini kita menggunakan atribut background, berikut kodenya

<table border='1' width='400'>
<tr bgcolor='#EE6868' align='center'>
<td>No</td>
<td>URL</td>
</tr>

<tr bgcolor='yellow'>
<td>1</td>
<td>Suckittrees.Com</td>
</tr>

<tr>
<td>2</td>
<td>demos.Suckittrees.Com</td>
</tr>

</table>

Perhatikan kode di atas, terdapat atribut bgcolor='#EE6868', dimana #EE6868 adalah warna hexa dari pink, bisa diganti dengan warna html seperti red, yellow, green< /a> atau warna hexa lainnya. Anda juga bisa membuat warna meja pada kolom atau baris sesuai dengan keinginan Anda. Selain itu, ada juga atribut align='center' ,  ini adalah atribut yang digunakan untuk membuat teks pada tabel rata di tengah.

Sehingga akan menampilkan tabel dalam bentuk

Mengerti di sini. ?????? . tahukah anda sebenarnya kita bisa menggunakan CSS untuk mewarnai tabel, untuk membuatnya dengan CSS anda bisa membaca artikel Membuat Tabel Zebra dengan CSS, Nah disini kita akan membuat warna tabelnya juga, berikut kode cssnya

<style type="text/css">
    table {
        font-family: verdana, arial, sans-serif;
        font-size: 11px;
        color: #333333;
        border-width: 1px;
        border-color: #3A3A3A;
        border-collapse: collapse;
    }
    table th {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #FFA6A6;
        background-color: #D56A6A;
        color: #ffffff;
    }
    table tr:hover td {
        cursor: pointer;
    }
    table tr:nth-child(even) td{
        background-color: #F7CFCF;
    }
    table td {
        border-width: 1px;
        padding: 8px;
        border-style: solid;
        border-color: #FFA6A6;
        background-color: #ffffff;
    }
</style>

Sehat. ketika kita terapkan pada tabel di atas, berikut adalah kode lengkap untuk membuat warna tabel dengan CSS;

Cara Memberi Warna pada Tabel HTML

Warna dalam Tabel HTML