テーブルの線色と太さを変更

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="5" bordercolor="#0000ff">
<tr><td>○</td><td>×</td><td>○</td></tr>
<tr><td>×</td><td>○</td><td>×</td></tr>
<tr><td>○</td><td>×</td><td>×</td></tr>
</table>
</body>
</html>

表示サンプル

○	×	○
×	○	×
○	×	×

解説

まず、「<table>」内に「border」で指定した値により、テーブルの枠の太さを変更することができます（単位はピクセルとなっています）。こちらに「0（ゼロ）」を記述すると外枠だけでなくセルとセルの境界線の太さも「0（ゼロ）」となります。

また「<table>」内に「bordercolor」で線の色を指定することも出来ます。色の指定の際にはＲＧＢカラーを使用してください（ＲＧＢカラーの詳細はこちらを参照ください）。

テーブルについての詳細は「テーブルってなに？」を参照下さい。

ＣＳＳを使用した記述方法

スタイルシートを使用した記述方法は次の「境界線いろいろ」を参照ください。