Line table in html

Html is often used in web page creation. Tables make the information to be expressed clearer and clearer.

<Table border = "1" cellspacing = "0" bordercolor = "#000000" width = "80%">
<Tr>
<Td> 1.1 </td>
<Td> 1.2 </td>
</Tr>
<Tr>
<Td> 2.1 </td>
<Td> 2.2 </td>
</Tr>
<Table>

This Code defines the table with border = 1pix, but the actual border width of the table is 2pix, because the table border consists of the outer border and cell border.
So how to define a thin line table (the actual side width is 1pix?

1. Use cellspacing and background color technology:
<Table border = "0" cellspacing = "1" bgcolor = "#000000" width = "80%">
<Tr bgcolor = "# ffffff">
<Td> 1.1 </td>
<Td> 1.2 </td>
</Tr>
<Tr bgcolor = "# ffffff">
<Td> 2.1 </td>
<Td> 2.2 </td>
</Tr>
<Table>

2. Use the border-collapse attribute:
<Table border = "1" cellspacing = "0" bordercolor = "#000000" width = "80%" style = "border-collapse: collapse;">
<Tr>
<Td> 1.1 </td>
<Td> 1.2 </td>
</Tr> www.2cto.com
<Tr>
<Td> 2.1 </td>
<Td> 2.2 </td>
</Tr>
<Table>

Author: javahuangfang