HTML

2012-09-12, html css

cellspacing cellpaddingをCSSで設定

セル同士の隙間を無くしたい場合は、シンプルに以下の記述を足せばOKです。

table{
  border-collapse: collapse;
}

逆に隙間を明示したい場合は以下のようになります(IEでは駄目らしいですが)。

table{
  border-collapse: separate;
  border-spacing: 5px;
}

上記はcellspacingのお話で、cellpaddingにあたるのは、thまたはtd要素のpaddingだそうです。

th,td{
  padding: 0;
}

参考URL

この記事は役に立ちましたか?