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>
Ketika pada td tidak diberi style
seperti pada style berikut :
<style>
table,th
{ border:1px solid green; }
th
{ background-color:green;color:white;
}
</style>
