» » Cara pengaturan warna pada table pada CSS html

Cara pengaturan warna pada table pada CSS html

 Diposting oleh b  on Rabu, 25 Mei 2016     Label: komputer

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
Cara pengaturan warna pada table pada CSS html 4.5 5 b Rabu, 25 Mei 2016 Pengaturan warna pada table Pewarnaan pada tabel dapat digunakan untuk mengatur warna pada teks,background maupun border table, td, th   { ...


Diposting oleh di
Label:

1 komentar:

Diberdayakan oleh Blogger.