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

質問

よろしくお願いします。

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

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

回答No.3

reverie013

まずは自分がどのように書いて希望する結果が得られなかったのか、
CSS及びHTMLのソースコードを提示するべきだと思いますよ。

回答No.2

ORUKA1951

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.1

qualheart

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

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