<table border="1">
<tr>
<td>セル1</td>
<td>セル2</td>
</tr>
<tr>
<td>セル3</td>
<td>セル4</td>
</tr>
</table>
この例では、border属性の値を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プロパティを使用してボーダースタイルを指定しています。必要に応じてスタイルを変更することもできます。
これらはテーブルにボーダーを追加するための基本的な方法です。他にもさまざまな方法とオプションがありますが、上記の方法を使うことで簡単にボーダーを設定することができます。必要に応じてスタイルやデザインをカスタマイズして、見栄えを改善することもできます。