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

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

CSSのborder-collapseプロパティでセルのボーダーの表示を調整する

目次

前提条件

CSSのborder-collapseプロパティでセルのボーダーの表示を調整する

隣り合うセルのボーダーを重ねて表示します。

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

参考