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;
}

参考