HTMLテーブルの列の境界線の色を変更する方法

CSSを使用した方法:
- HTMLテーブルにclass属性を追加します。
- CSSで該当のクラスに対してborder-colorプロパティを設定します。
```
<style>
.colored-column {
 border-color: red;
}
</style>
<table>
 <tr>
   <td>列1</td>
   <td>列2</td>
   <td>列3</td>
 </tr>
</table>
```
上記の例では、colored-columnクラスが追加された列の境界線の色が赤に設定されます。
インラインスタイルを使用した方法:
- HTMLテーブルの各列の<td>要素にstyle属性を追加します。
- style属性でborder-colorプロパティを設定します。
```
<table>
 <tr>
   <td style="border-color: blue;">列1</td>
   <td style="border-color: green;">列2</td>
   <td style="border-color: yellow;">列3</td>
 </tr>
</table>
```
上記の例では、各列の境界線の色がそれぞれ青、緑、黄に設定されます。

CSSクラスとJavaScriptを使用した方法:

HTMLテーブルの各列の<td>要素にclass属性を追加します。
CSSで該当のクラスに対してborder-colorプロパティを設定します。
JavaScriptを使用してクラスを動的に変更します。

<style>
.colored-column {
 border-color: red;
}
</style>
<table>
 <tr>
   <td class="colored-column">列1</td>
   <td class="colored-column">列2</td>
   <td class="colored-column">列3</td>
 </tr>
</table>
<script>
// JavaScriptでクラスを変更する例
var columns = document.getElementsByClassName("colored-column");
for (var i = 0; i < columns.length; i++) {
 columns[i].style.borderColor = "blue";
}
</script>

上記の例では、最初は赤色の境界線を持つ列が、JavaScriptによって青色に変更されます。

これらはHTMLテーブルの列の境界線の色を変更するためのいくつかの方法です。好みや必要に応じて適切な方法を選択してください。