テーブルにボーダーを追加する方法


<table border="1">
  <tr>
    <td>セル1</td>
    <td>セル2</td>
  </tr>
  <tr>
    <td>セル3</td>
    <td>セル4</td>
  </tr>
</table>

この例では、border属性の値を1に設定していますが、必要に応じて他の値に変更することもできます。

  1. CSSを使用する方法: CSSを使用してテーブルにボーダーを追加することもできます。以下の例をご覧ください。
<style>
  table {
    border-collapse: collapse;
  }
  td {
    border: 1px solid black;
    padding: 8px;
  }
</style>
<table>
  <tr>
    <td>セル1</td>
    <td>セル2</td>
  </tr>
  <tr>
    <td>セル3</td>
    <td>セル4</td>
  </tr>
</table>

この例では、border-collapseプロパティを使用してセルのボーダーを結合し、td要素にborderプロパティを使用してボーダースタイルを指定しています。必要に応じてスタイルを変更することもできます。

これらはテーブルにボーダーを追加するための基本的な方法です。他にもさまざまな方法とオプションがありますが、上記の方法を使うことで簡単にボーダーを設定することができます。必要に応じてスタイルやデザインをカスタマイズして、見栄えを改善することもできます。