HTML: <table> のさまざまな表示例

<table align="center" width="50%" border="1">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>

<table align="center" width="50%" border="1"
          cellspacing="0" bordercolor="black">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>

<table align="center" width="50%" border="1"
   cellspacing="0" bordercolor="black" frame="below" rules="rows">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>

<style type="text/css">
<!--
table.tb_sample1{
  background:black;
}
table.tb_sample1 tr{
  background:white;
}
-->
</style>

<table align="center" width="50%" border="0"
         cellspacing="1" class="tb_sample1">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>

<style type="text/css">
<!--
table.tb_sample2 td{
  border-bottom:1px solid black;
}
-->
</style>

<table align="center" width="50%" border="0"
                cellspacing="0" class="tb_sample2">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>

<style type="text/css">
<!--
table.tb_sample3 td{
  border-bottom:2px dotted black;
}
-->
</style>

<table align="center" width="50%" border="0"
          cellspacing="0" class="tb_sample3">
<tbody>
<tr>
<td>値１</td><td>値２</td><td>値３</td>
</tr>
<tr>
<td>値４</td><td>値５</td><td>値６</td>
</tr>
</tbody>
</table>