Html 如何使用CSS在表格上应用边框间距

我的桌子上目前有一个问题，那就是我需要在我的

标签上留一个空白 我已经在w3school上测试了边框间距，是的，它在w3school上有效，但是在我这边，css的边框间距不起作用

CSS框架：SB-Admin2

Html5

后端框架：Laravel

学校产出：

2020
TGT
LY
差异与目标
方差Vs
数量
%
幻灯片演示文件
数量
%
幻灯片演示文件

在我的输出端：

注意：此图像代码在w3school上相同

---

希望有人遇到这个。谢谢。

如果此操作的

border collapse=“collapse”

将

border collapse=“separate”

添加到您的表中，则

border space

属性将不起作用

注意：此属性仅在边框折叠分离时有效

---

希望这对您有所帮助。

是否允许在表格标题中使用边框折叠？否，必须仅在表格中使用它，否则它将不起作用。是的，您的答案是正确的，但是否允许在标记中使用边框折叠？是否有办法在这些标记之间设置间距？是的，您完全可以这样做，但这一次不是通过

边框间距

属性。为此，您只需增加

的宽度，并使

边框自由

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

              <thead>
                <tr style="font-size:13px; text-align: center; ">
                 <th colspan="1"  style="border-left-color:white; border-right-color: white; border-top-color: white; border-bottom-color: white;"></th>
                  <th colspan="2" style="vertical-align:top; text-transform:uppercase; color:white; background-color: #8092AB;" class="flash_period_text_onchange">
                    2020
                  </th>

                  <th colspan="2" class="bg-gradient-success" style="vertical-align:top; color:white; background-color: #009700; position:relative;">TGT</th>

                  <th colspan="2" class="bg-gradient-dark"  style="vertical-align:top; color:white; background-color: #808080;">LY</th>

                  <th colspan="3" scope="colgroup" style="color:black;">Variance Vs Target</th>
                  <th colspan="3" scope="colgroup" style="color:black;">Variance Vs <?php echo $future=date('Y', strtotime('-1 year')); ?></th>
                </tr>
                <tr class="header_2nd_level">
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white; border-right-color: white;"></th>
                  <th style="border-left-color:white;"></th>
                  <th>amount</th>
                  <th>%</th>
                  <th>ppt</th>

                  <th>amount</th>
                  <th>%</th>
                  <th>ppt</th>

                </tr>
              </thead>
</table>