CSSを使った丸ナンバー付きテーブルの挿入
HTMLで作成した丸ナンバー付きテーブルをスタイルシートを使って挿入しようと思っているのですが、肝心の数字の部分が真っ白になってしまいました。関係しそうなところだけ抜き出してみました。
（↓headの中に書いてある）
body
{background-color: white; background-image: url(dolp2.gif); color: #000000}
table, td
{width: 800px; border: 2px #C0C0C0 solid; border-collapse: collapse; background-color: #ffffff;}
（↓body以下に書いてある）
<div><Table border="0"><Tr><Td>
<Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5"
style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);">
<Tr><Td align="center" valign="middle">
１
</Td></Tr></Table>
</Td><Td width="350">
＝＝＝ここに文章を書いて下さい１＝＝＝
</Td></Tr>
<Tr><Td>
<Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5"
style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);">
<Tr><Td align="center" valign="middle">
２
</Td></Tr></Table>
</Td><Td width="350">
＝＝＝ここに文章を書いて下さい２＝＝＝
</Td></Tr>
<Tr><Td>
<Table border="0" cellspacing="0" bgcolor="#009500" cellspacing="0" cellpadding="5"
style="color:#ffffff;font-size:25px;font-weight:bold;width:40;filter:Alpha(opacity=100,finishopacity=0,style=2);">
<Tr><Td align="center" valign="middle">
３
</Td></Tr></Table></div>
</Td><Td width="350">
＝＝＝ここに文章を書いて下さい３＝＝＝
</Td></Tr></Table>
このようなタイプのものはheadやcssにあげたほうがいいのでしょうか？
最初はこのままbodyのなかに収めておこうかと思っていたのですが、上記のような事態になってしまったのでどうしたらいいのか困っています。
HTML初心者なので、なにとぞ宜しくお願いします。
