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