Efek akhirnya adalah sebagai berikut:
2. Gunakan atribut batas gelap (bordercolordark) dan batas terang (bordercolorlight) pada tabel untuk membuat tabel garis tipis:
Atau tekan Ctrl+Alt+T untuk menyisipkan tabel, dan atur seperti yang ditunjukkan di kotak dialog (item dengan kotak merah sudah diperbaiki, jika tidak maka tidak akan berpengaruh)
Setelah memilih tabel, tekan F9 untuk memperluas grup panel "Pemeriksa Tag" dan mengatur pengaturan di panel "Atribut" seperti yang ditunjukkan di bawah ini:
Setelah selesai, tampilannya seperti ini:
3. Atur atribut CSS border-collapse tabel menjadi ciutkan: Tekan Ctrl+Alt+T untuk menyisipkan tabel. Pengaturan kotak dialog sama dengan metode 2. Pilih tabel dan atur warna batas tabel di panel properti:
Tekan F9 untuk memperluas panel "Tag Inspector", dan isi "border-collapse:collapse;" di "style" di panel "Attributes".
Setelah selesai, tampilannya seperti ini:
Catatan: Tabel garis tipis yang dibuat dengan metode 3 hanya cocok untuk IE5+. Metode yang paling kompatibel adalah metode 1. Metode 2 bukanlah tabel garis tipis dalam arti sebenarnya.
Tip: Dalam Metode 1, Anda dapat menggunakan CSS untuk menentukan warna latar belakang sel tabel guna mengurangi jumlah kode:
<gaya>
.tipis{latar belakang:#000000}
.thin td{latar belakang:#FFFFFF}
</gaya>
<tabel lebar="200" border="0" Cellspacing="1" cellpadding="0" class="thin">
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
</tr>
</tabel>