kharukaのブログ~お金と技術とキャリア~

Edu Fin~金融×教育~若いうちからお金について学ぶってだいじ!自分が学んだテクノロジーはみんなの財産!過去、今、将来の人生!についてのブログ

tableタグのセルの枠線を表示しない方法

目次

前提条件

tableタグのセルの枠線を表示しない方法

テーブルの両端のボーダーが表示されなくなります。

  • HTML
<table>
  <tr>
  <td class="sample1">サンプル1</td>
  <td class="sample2">サンプル2</td>
  </tr>
  <tr>
  <td class="sample1">サンプル3</td>
  <td class="sample2">サンプル4</td>
  </tr>
</table>
table.sample1{
  border: solid 1px #000000;
  border-collapse: collapse;
  border-left-style:none;
}

table.sample2{
  border: solid 1px #000000;
  border-collapse: collapse;
  border-right-style:none;
}

参考