There is another useful way to manipulate borders. Start with this...
<table border="3"> <tr> <td>Ed</td> <td>Tom</td> <td>Rick</td> </tr> <tr> <td>Larry</td> <td>Curly</td> <td>Moe</td> </tr> </table>
Ed | Tom | Rick |
Larry | Curly | Moe |
We can show only the row borders (rules)...
<table border="3" rules="rows">
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
</table>
Ed | Tom | Rick |
Larry | Curly | Moe |
Or only the column borders...
<table border="3" rules="cols">
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
</table>
Ed | Tom | Rick |
Larry | Curly | Moe |
Or no inside borders at all...
<table border="3" rules="none">
<tr>
<td>Ed</td>
<td>Tom</td>
<td>Rick</td>
</tr>
<tr>
<td>Larry</td>
<td>Curly</td>
<td>Moe</td>
</tr>
</table>
Ed | Tom | Rick |
Larry | Curly | Moe |
Pretty simple, eh? I thought so.
And to think you were worried about learning HTML tables.
Table Tutor |
|
Tables Quick Reference |
HTML 4.0 Reference Barebones HTML Guide |
![]() |