Adding a border simply involves inserting the border attribute to the opening table tag. So in the above table the code would be adjusted accordingly:
<table border="2">
<tr><td>A</td> <td>B</td> <td>C</td> </tr>
<tr><td>X</td> <td>Y</td> <td>Z</td> </tr>
</table>
Notice the "2" represents the thickness of the border. If you had set it to "0" then there would have been no border at all. If you wanted it very thick then you could set it to 8, for example. So now your table will look like this:
| A | B | C |
| X | Y | Z |
Lesson # 13 : HTML Tutorial - Changing a Table's Border Color
You can change the color of a table border by simply adding the bordercolor attribute.
<table border="2" bordercolor="red">
<tr><td>A</td> <td>B</td> <td>C</td> </tr>
<tr><td>X</td> <td>Y</td> <td>Z</td> </tr>
</table>
And here's what it would look like...
| A | B | C |
| X | Y | Z |
Lesson # 14 : HTML Tutorial - Adjusting Table Cell Spacing and Cell Padding