border-collapse:セルのボーダー

border-collapse: collapse	隣接するセルのボーダーを重ねて表示する
border-collapse: separate	隣接するセルのボーダーを間隔をあけて表示する

例で使っている、色とかの設定

.sample_td_l{
 background-color:#99C270;
}
.sample_td_r{
 quot;background-color:#F0F0DC;
}
.sample_tbl{
 width:80%;
}

---

border-collapse: collapse;の場合

デュープリズム	1999年10月14日
ゼノギアス	1998年2月11日

<table style="border-collapse: collapse;" class="sample_tbl">
 <tr>
  <td class="sample_td_l">デュープリズム</td>
  <td class="sample_td_r">1999年10月14日</td>
 </tr>
 <tr>
  <td class="sample_td_l">ゼノギアス</td>
  <td class="sample_td_r">1998年2月11日</td>
 </tr>
</table>

---

border-collapse: separate;の場合

デュープリズム	1999年10月14日
ゼノギアス	1998年2月11日

<table style="border-collapse: separate;" class="sample_tbl">
 <tr>
  <td class="sample_td_l">デュープリズム</td>
  <td class="sample_td_r">1999年10月14日</td>
 </tr>
 <tr>
  <td class="sample_td_l">ゼノギアス</td>
  <td class="sample_td_r">1998年2月11日</td>
 </tr>
</table>

 

関連記事