Assalamualaikum Wr.Wb
Pada kesempatan kali ini saya akan berbagi tutorial membuat tabel color dengan menggunakan css,tidak usah panjang lebar mari kita mulai.
Seperti biasa kita buat style untuk tabel yang akan kita buat,Letakkan diantara tag <head> dan </head>
Itu tadi untuk syle tabel sekarang mari kita buat tabelnya dengan menggunakan HTML
Dan berikut hasil tabel yang kita buat
SS coding dari tabel di atas
Mungkin sekian dulu tutorial tabel color semoga bermanfaat dan sampai jumpa di postingan berikitnya.Sekian.
Referensi:http://w3schools.com/
Wassalamulaikum Wr.Wb
Pada kesempatan kali ini saya akan berbagi tutorial membuat tabel color dengan menggunakan css,tidak usah panjang lebar mari kita mulai.
Seperti biasa kita buat style untuk tabel yang akan kita buat,Letakkan diantara tag <head> dan </head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2}
th {
background-color: #ff00ff;
color: white;
}
</style>
Itu tadi untuk syle tabel sekarang mari kita buat tabelnya dengan menggunakan HTML
<table>
<tr>
<th>Nama depan</th>
<th>Nama belakang</th>
<th>Saldo</th>
</tr>
<tr>
<td>Peter</td>
<td>Griffin</td>
<td>$100</td>
</tr>
<tr>
<td>Lois</td>
<td>Griffin</td>
<td>$150</td>
</tr>
<tr>
<td>Joe</td>
<td>Swanson</td>
<td>$300</td>
</tr>
<tr>
<td>Cleveland</td>
<td>Brown</td>
<td>$250</td>
</tr>
</table>
Dan berikut hasil tabel yang kita buat
SS coding dari tabel di atas
Mungkin sekian dulu tutorial tabel color semoga bermanfaat dan sampai jumpa di postingan berikitnya.Sekian.
Referensi:http://w3schools.com/
Wassalamulaikum Wr.Wb
0 komentar:
Posting Komentar