html - 表の境界線の間の空白を削除する

Question

テーブルの境界線の間にスペースがあります。そして、理由がわかりません。負のマージンで試してみたので、互いに重なっていますが、マージンが機能しません。それはテーブルなので、 と の両方に左の境界線がtdありthます。しかし、サイドボーダーとトップ/ボトムボーダーの間にもスペースがあります。

これは私が作成したフィドルです。

いくつかのテーブルCSS

.profile-table {
  height: 100%;
}

.profile-table td { 
  text-align:   center;
  border-right: 1px solid #ccc;
  font-size:    1.2em;
}

.profile-table th { 
  text-align:   center;
  border-right: 1px solid #ccc;
  width:        100px;
}

.profile-table tr{ 
}

.profile-table *:last-child{
  border: none;
}

Answer 1

border-collapse:collapse境界線の結合に使用

このフィドルを参照してください

Answer 2

これを使って

<table class="profile-table" cellpadding="0" cellspacing="0">
</table>

デモはこちら

http://jsfiddle.net/pHVhg/3/

Answer 3

add border-collapse: collapse; to your table (see MDN reference)

JsFiddle: http://jsfiddle.net/sWC9t/