-welcome-

<TABLE cellspacing="1" cellpadding="1" bgcolor="#7ca0c0"> <TR> <TD bgcolor="#7ca0c0" width="5"></TD> <TD bgcolor="#a3bcd3" width="3"></TD> <TD bgcolor="#c2d3e2" width="2"></TD> <TD bgcolor="#ffffff">ここに文字をいれてね♪</TD> </TR> </TABLE>

-welcome-

<TABLE cellpadding="1" cellspacing="1" bgcolor="#7ca0c0" width="200"> <TR> <TD height="3"></TD> </TR> <TR> <TD bgcolor="#a3bcd3" height="3"></TD> </TR> <TR> <TD bgcolor="#c2d3e2" height="3"></TD> </TR> <TR> <TD bgcolor="#ffffff" align="center">ここに文字をいれてね </TD> </TR> </TABLE>

cellpadding="1" ・・・セル内の余白　　cellspacing="1" ・・・罫線の幅 width="5"　・・・セル内の幅　　height="3"・・・セル内の高さ 上から2番目のソースのように width="200" で 表の幅を指定すると文字位置がうまく行くと思います。

-welcome-

<TABLE cellspacing="1" cellpadding="1" bgcolor="#c2d3e2" width="200" style="border:2px dotted #7ca0c0"> <TR> <TD bgcolor="#c2d3e2">ここに文字をいれてね♪ </TD> </TR> </TABLE>

dotted の部分を変えると線の種類も変わるよ！ solid　― 実線　　dashed --- 点線

1キロバイトの素材屋さん