tr和边框上的边距不起作用，css和html

以下是我得到的：

我希望：

1页边距顶部15px，位于您看到的两个红色框之间 在每2个盒子中，它使它看起来像4个，我想移除 中间的红线，所以只有2个，所以它不会变成红色 行，因为选择器位于新的td中 我所做的：

我是用我自己的方式做的，红色边框围绕着4个tr，因为经过一些研究，我找不到任何更聪明的方法，然后我尝试了我的表格tr{margin:15px}，它不起作用，也尝试了在css highlightedRowStart、highlightedRowMiddle、HighlightedRownd中使用margin，但也不起作用

---

如何应用页边距？

必须将“显示”属性设置为“块”，才能将页边距应用于表格元素。默认情况下，“显示”属性设置为“表格”，即

尝试以下方法：

table {border: 1px solid #f00;}
tr {display:block}
tr:nth-child(5) {margin-top:15px;border-top:1px solid #f00;}
td:first-child {width:200px;}

也可以考虑在选择元素上留下左边的单元格标签，甚至更好地放弃整个布局的表。您可以更灵活地使用两个子项，其中包含和：

请参见此示例：

---

您需要的是旧的cellspacing html属性。CSS等价于边框间距

尝试：tr>td{margin top:15px}。或者在每个td中应用style='margin-top:15px'。在将display:block应用于tr和td时，旧版本的IE会有一些奇怪的行为，正如在对这个问题的回答中所提到的：。这更是避免将表格用于布局的原因：@Karem下面是我描述的标记方法的一个示例-@ckundo如果我应该使用ul方法，那么如何使选择器和名称的格式与使用表时的格式相同？谢谢你的回答！！嘿@Karem，我更新了答案，加入了关于标记和样式的更明确的细节。祝你好运我和你的前男友试过了，结果如何。我不要tr在里面的间距

<style>
  section { width:600px; }
  ul { border:1px solid #f00; margin:10px 0 0 0; padding:10px;}
  li { margin:8px 0; width:400px; clear:both; }
  select { float:right; }
</style>

<section>
  <ul>                                                                                                                                                                                                          
    <li>
      <label for='seats_timeclock[]'>Foo</label>
      <select name="seats_timeclock[]">
        <option value="08:00">08:00</option>
        <option value="08:30">08:30</option>
        <option value="09:00">09:00</option>         
      </select>          
    </li>
  </ul>
  <ul>                                                                                                                                                                                                          
    <li>
      <label for='seats_timeclock[]'>Bar</label>
      <select name="seats_timeclock[]">
        <option value="08:00">08:00</option>
        <option value="08:30">08:30</option>
        <option value="09:00">09:00</option>         
      </select>          
    </li>
  </ul>
</section>