CSSでテーブルを表示させるには

質問

CSSでテーブルを表示させたいのですが、やり方が分かりません。教えてください。
現在は、HTMLで以下のように記述しています。

--------------------------------------------------------
<table border="0" width="100%" cellspacing="0" cellpadding="2">
<tr>
<td bgcolor="#000000">テキスト</td>
</tr>
</table>
--------------------------------------------------------
具体的には、クラスを指定して、<div class="table">テキスト</div> と記述したときにテーブルを表示させたいです。
回答よろしくお願いします。

回答No.1

noname#176215 · ベストアンサー

何の為の CSS なんだか……

CSS は装飾表現に table などを利用しないようにする為にあるの
ですから 本末転倒ではありませんか？

お礼

なるほど……。私の勉強不足ですね。
まだよく仰っていることを理解できていないのですが、つまりCSSとは何か？ ということを私がよく理解していなかったようです。

それから恐縮なのですが…、サイトのデザインがどうもぱっとしないので、質問内容にあったテーブルは使わないということになってしまいました..。
すみません。アドバイスを有難うございます。

回答No.2

noname#14286

.table {
width: 100%;
padding: 2;
margin: auto;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
border-top: 1px solid #000000;
background: #000000;
}

ボーダーは個々に指定しないなら
border: 1px solid #000000;
でもよし。

border="0"がいいなら、0にするとか、色を黒か白にするとか。

こんな感じかね？

補足

ご回答有難うございます。
#1さんのお礼に書いたことと同様なのですが、上記のようなテーブルをウェブサイトに使わないことになりました..。
折角ご回答いただいたのに、役立たせることが出来なくすみません。

今後のウェブサイト運営のうちに、使う機会があると思いますので、ぜひ参考にしたいと思います。