Membuat Tabel Menjadi Menarik

Dalam membuat tabel (table) di html, border mempunyai peranan yang cukup penting. Border style pada tabel html digunakan untuk memilih jenis garis tepi suatu tabel agar lebih menarik. Beberapa jenis border yang ada antara lain: dotted, dashed, solid, double, groove, ridge, inset, outset.

Script :

<table>

<tr><th width="200" style="border: 5px outset;"> jenis border outset</th></tr>

<tr><th width="200" style="border: 5px inset;">jenis border inset</th></tr>

<tr><th width="200" style="border: 5px double;">jenis border double</th></tr>

<tr><th width="200" style="border: 5px groove;">jenis border groove</th></tr>

<tr><th width="200" style="border: 5px ridge;">jenis border ridge</th></tr>

<tr><th width="200" style="border: 5px dotted;"> jenis border dotted</th></tr>

<tr><th width="200" style="border: 5px dashed;">jenis border dashed</th></tr>

</table>

 Jika ingin memberikan warna tabel baik border maupun background seperti:

Script :

<table>

<tr><th width="200" style="border: 5px outset red;"> jenis border outset</th></tr>

<tr><th width="200" style="border: 5px inset yellow;">jenis border inset</th></tr>

<tr><th width="200" style="border: 5px double blue;">jenis border double</th></tr>

<tr><th width="200" style="border: 5px groove chocolate;">jenis border groove</th></tr>

<tr><th width="200" style="border: 5px ridge gold;">jenis border ridge</th></tr>

<tr><th width="200" style="border: 5px dotted green;"> jenis border dotted</th></tr>

<tr><th width="200" style="border: 5px dashed cyan;">jenis border dashed</th></tr>

</table>

Dan untuk background gambar pada tabel html cukup ganti code bgcolor dengan “background=nama_gambar.jpg/.gif/.png” seperti itu saja.

<table border="1" background="background.gif/jpg/png">

Share on Google Plus