Senin, 09 Februari 2015

Cara Memberi Warna Border Pada HTML Table

bordercolorAda seorang teman bertanya apakah dapat memberi warna border pada kode html. Memang border pada kolom html dapat diberi warna, cara memberi warna border akan saya terangkan dalam posting ini sbb;

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:
warna border
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:
border biru
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:
border merah
Demikian cara memberi warna border pada HTML Table. Silahkan dicoba.
  Terima Kasih.

Tidak ada komentar:

Posting Komentar