cssを使用してセル間にスペース（td）を追加します

セルの背景色が白で、テーブルの背景色が青であるため、セル間にスペースを入れてテーブルを追加しようとしています。パディングとマージンが機能していないことが簡単にわかります（に適用していますtd）。セル内にスペースを追加するだけです。

あなたが欲しいborder-spacing：

<table style="border-spacing: 10px;">

またはどこかのCSSブロックで：

table {
  border-spacing: 10px;
}

のquirksmodeを参照してくださいborder-spacing。border-spacingIE7以下では動作しないことに注意してください。

table { 
  border-spacing: 10px; 
} 

私が削除すると、これは私のために働いた

border-collapse: separate;

私のテーブルタグから。

私のは：

border-spacing: 10px;
border-collapse: separate;

使用を検討してくださいcellspacingとcellpadding属性tableタグやborder-spacingCSSプロパティ。

TABLEタグのcellspacing（セル間の距離）パラメーターは、まさに必要なものです。欠点は、xとyの両方に使用される1つの値であり、異なる間隔を選択したり、垂直方向/水平方向にパディングしたりできないことです。CSSプロパティもありますが、広くサポートされていません。

仮定cellspcing/ cellpadding/border-spacingプロパティが働いていなかった、あなたは次のようにコードを使用することができます。

<div class="form-group">
  <table width="100%" cellspacing="2px" style="border-spacing: 10px;">
    <tr>                        
      <td width="47%">
        <input type="submit" class="form-control btn btn-info" id="submit" name="Submit" />
      </td>
      <td width="5%"></td>
      <td width="47%">
        <input type="reset" class="form-control btn btn-info" id="reset" name="Reset" />
      </td>
    </tr>
  </table>
</div>

table-widthを使用してボタンを分離し、空のtdを2または1％に設定して、それ以上の違いが返らないようにして、成功しました。

側面と上下に別々の値が必要な場合。

<table style="border-spacing: 5px 10px;">