セルの背景色を指定

HTMLを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<table border="1">
<tr><td bgcolor="#0000ff"></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>

表示サンプル

×
××
××

解説

セルに関する指定ですので「<td>」内に記述します。色の指定の際にはRGBカラーを使用してください(RGBカラーの詳細はこちらを参照ください)。

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

CSSを使用した記述方法

記述方法

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
td.blue { background-color: #0000ff; }
-->
</style>
</head>
<body>
<table border="1">
<tr><td class="color2">○</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>

表示サンプル

×
××
××

解説

ヘッダ内の記述にて、「TD」タグの「blue」(名前は自由に付けてください)と言う名前のものに関しての表示方法を指定しています。それぞれ個別に、

<td style="background-color:#0000ff;" ></td>

のように記述をすることも出来ます。色の指定の際にはRGBカラーを使用してください(RGBカラーの詳細はこちらを参照ください)。