Pengaturan warna pada table
Pewarnaan pada tabel dapat digunakan untuk mengatur warna pada teks,background maupun border
table, td, th
 
{ border:1px solid green; }

Style diatas akan memberikan efek warna green pada border table,data (td) dan header tabel (th). Style warna juga bisa diberikan hanya pada bagian tertentu saja, misalnya bagian header tabel (th) seperti pada listing css dibawah

Th
{ background-color:green;
color:white; }


Header tabel akan berwarna green dan teksnya berwarna putih. Penerapan style diatas pada sebuah tabel akan terlihat pada contoh berikut :

<html>
<head>
<style>
table, td, th
{ border:1px solid green; }
th
{ background-color:green;color:white;}
</style>
</head>
<body>
<table>
<tr>
<th>Nama Depan</th>
<th>Nama</th>
</tr>
<tr>
<td>Adelin</td>
<td>Larasati</td>
</tr>
<tr>
<td>Novero</td>
<td>Dayandra</td>
</tr>
<tr>
<td>Adika</td>
<td>Dayandra</td>
</tr>
</table>
</body>
</html>


Jika listing kode diatas dijalankan maka akan menghasilkan tampilan sebagai berikut :

http://kom-tekno.blogspot.com/2016/05/cara-pengaturan-warna-pada-table-pada-css-html.html

Ketika pada td tidak diberi style seperti pada style berikut :

<style>
table,th
{ border:1px solid green; }
th
{ background-color:green;color:white; }
</style>


 

http://kom-tekno.blogspot.com/2016/05/cara-pengaturan-warna-pada-table-pada-css-html.html

Akan menghasilkan tampilan tabel seperti berikut gambar diatas