CARA MEMBUAT KOLOM TABEL HTML
BERWARNA-WARNI
Jika pada blog sebelumnya kita sudah membuat background pada
judul dan tabel berwarna, sekarang kita akan belajar membuat tabel html
berwarna-warni.
Jika kita ingin membuat setiap kolom berwarna berbeda satu
sama lain maka kita harus menambahkan setiap satu kolom dengan
background-color. Tampilan script nya :
<html>
<head>
<title> contoh table </title>
</head>
<body>
<h1> contoh tabel </h1>
<table
border="1">
<tr style="background-color: purple">
<td> No </td>
<td> Nama </td>
<td> Umur </td>
<td> Jenis Kelamin </td>
</tr>
<tr>
<td style="background: blue">1</td>
<td style="background-color: pink">Nining
Suningsih</td>
<td style="background-color:
yellow">30</td>
<td style="background-color:
orange">Perempuan</td>
</tr>
<tr>
<td style="background-color:
pink">2</td>
<td style="background-color: yellow">Nanang
Suparman</td>
<td style="background-color:
orange">5O</td>
<td style="background-color:
blue">Laki-Laki</td>
</tr>
<tr>
<td style="background-color:
yellow">3</td>
<td style="background-color: orange">Putri
Natasha</td>
<td style="background-color:
blue">20</td>
<td style="background-color:
pink">Perempuan</td>
</tr>
<tr>
<td style="background-color:
orange">4</td>
<td style="background-color: blue">Putra
Sulesto</td>
<td style="background-color:
pink">25</td>
<td style="background-color:
yellow">Laki-Laki</td>
</tr>
<tr>
<td style="background-color:
blue">5</td>
<td style="background-color: pink">Safira
Nadya</td>
<td style="background-color:
yellow">19</td>
<td style="background-color:
orange">Perempuan</td>
</tr>
</body>
</table>
Sehingga hasilnya menjadi :
0 comments:
Post a Comment