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

参考