Cara Memberi Warna Border Pada HTML Table

Kita buat dulu table dengan kode seperti dibawah ini:
<table border=”3″>
<tr>
<td width=”200″ height=”100″>Kolom A</td><td width=”200″ height=”100″>Kolom B</td></tr></table>
Catatan: Border pada table diatas saya isi angka “3″ supaya kelihatan tebal.
Tampilan table nya adalah seperti ini:

Pada table tersebut ada 2 border, yaitu border bagian luar yang mengelilingi seluruh table dan border bagian dalam yang mengelilingi setiap kolom.
Untuk memberi warna border bagian luar, maka kita sisipkan tambahan kode “bordercolor” pada tag <table> dan bordernya saya beri warna Biru sehingga kode htmlnya menjadi seperti ini:
<table border=”3″ bordercolor=”#0000FF”>
<tr>
<td width=”200″ height=”100″>Kolom A</td><td width=”200″ height=”100″>Kolom B</td>
</tr>
</table>
Catatan: #0000FF = Biru.
Sekarang tampilan tablenya menjadi seperti dibawah ini:

Jika ingin memberi warna border pada kolomnya, maka kita sisipkan/tambahkan kode “bordercolor” pada tag <tr>
<table border=”3″ bordercolor=”#0000FF”>
<tr bordercolor=”#FF0000″>
<td width=”200″ height=”100″>Kolom A</td><td width=”200″ height=”100″>Kolom B</td>
</tr>
</table>
Catatan: #FF0000 = Merah.
Sekarang tampilan tablenya menjadi seperti dibawah ini:

Demikian cara memberi warna border pada HTML Table. Silahkan dicoba.
Terima Kasih.
Tidak ada komentar:
Posting Komentar