セルの背景色を指定
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カラーの詳細はこちらを参照ください)。