テーブル（色付け）

テーブルの線に色を付ける(1)
文字
<TABLE border="1" BORDERCOLOR="#FF3333">
<TBODY>
<TR>
<TD>文字</TD>
</TR>
</TBODY>
</TABLE>
#FF3333の部分を好きな色のカラーコードに変更してね。



テーブルの線に色を付ける(2)
文字
<TABLE border="0" bgcolor="#FF3333">
<TBODY>
<TR>
<TD bgcolor="#FFFFFF">文字</TD>
</TR>
</TBODY>
</TABLE>
テーブル本体の背景色を赤（#FF3333）セル内の背景色を白（#FFFFFF）に指定しています。



テーブルの線に色を付ける(3)
文字
<TABLE style="border-width : thin;border-style : solid;border-color : #FF3333;">
<TBODY>
<TR>
<TD>文字</TD>
</TR>
</TBODY>
</TABLE>
STYLE属性を利用するとこんな感じです。



テーブルの線を点線にする
文字
<TABLE border="0">
<TBODY>
<TR>
<TD style="border-width : thin;border-style : dotted;border-color : FF3333;">文字</TD>
</TR>
</TBODY>
</TABLE>



テーブルの線を2重線にする
文字
<TABLE style="border-top-width : medium;border-right-width : medium;border-bottom-width : medium;border-left-width : medium;border-style : double;border-color : #FF3333;" cellpadding="0">
<TBODY>
<TR>
<TD>文字</TD>
</TR>
</TBODY>
</TABLE>



テーブルの背景に色を付ける
文字
<TABLE border="0">
<TBODY>
<TR>
<TD bgcolor="#ff3333">文字</TD>
</TR>
</TBODY>
</TABLE>



テーブルの背景と文字に色を付ける
文字
<TABLE border="0">
<TBODY>
<TR>
<TD bgcolor="#FF3333"><FONT color="#FFFFFF">文字</FONT></TD>
</TR>
</TBODY>
</TABLE>



テーブルの枠と背景に色を付ける（その1）
文字
<TABLE bgcolor="#FF3333">
<TBODY>
<TR>
<TD bgcolor="#FFCCCC">文字</TD>
</TR>
</TBODY>
</TABLE>



テーブルの枠と背景に色を付ける（その2）
文字
<TABLE border="0" style="border-width : thin;border-style : solid;border-color : #FF3333;background-color : #FFCCCC;">
<TBODY>
<TR>
<TD>文字</TD>
</TR>
</TBODY>
</TABLE>



テーブルの枠の線種を組み合わせる
文字
<TABLE border="0" style="border-width : thin;border-style : solid;border-color : #FF3333;">
<TBODY>
<TR>
<TD style="border-width : thin;border-style : dotted;border-color : FFCCCC;">文字</TD>
</TR>
</TBODY>
</TABLE>