tableをCSSで書き直すには(HTMLソース付き)

よろしくお願いします。

<table cellpadding="0" cellspacing="0">
このHTMLをそのまま、CSSしたらどのようになりますか？
paddingを0pxにしても、なぜか同じになりません。

以上、どうぞよろしくお願い申し上げます。

No.1 回答者： qualheart 回答日時： 2008/11/25 11:16

table {

border-collapse:collapse;
}
td {
padding:0px;
}
ですね。

cellspacingは、tableに対してborder-collapseをcollapse（隣のセルの枠線と重ねて表示）にすることで、セル間の余白を消します。
cellpaddingは、tableではなくtd（各セル）に対してのpaddingを0に設定することで、同様の表示になります。

No.2 回答者： ORUKA1951 回答日時： 2008/11/25 11:34

HTMLをCSSにするのではなく、

^^^^^^^^^^^^^^^^^^^^^^^^^^^^^意味不明ですよ？
tableのプレゼンテーションに関わる属性(attribute)、cellpadding="0" cellspacing="0"をCSS側で指定する方法ということですね。

table{
border-collapse: collapse;
border: ridge gray 3px;
}
table tr td{
border: solid 1px black;
padding: 0px; /*デフォルトなので指定しなくても良い */
}

No.3 回答者： reverie013 回答日時： 2008/11/26 12:38

まずは自分がどのように書いて希望する結果が得られなかったのか、

CSS及びHTMLのソースコードを提示するべきだと思いますよ。