我使用的是一个表，下面是一个HTML代码片段:
null
th {
text-align: left;
}
td {
height: 20px;
font-size: 12px;
background-color: #000;
color: #fff;
margin-right: 20px;
border-top-left-radius: 10px;
}<table>
<th>
<td>Exams</td>
<td>Science</td>
<td>Mathematics</td>
<td>Biology</td>
</th>
<tr>
<td>2000</td>
<td>95</td>
<td>64</td>
<td>33</td>
</tr>
</table>null
我想要的是增加两个列元素之间的距离。 我添加了Margin-Right，但它没有反映在输出中。 有人能帮忙吗？
您可以使用边框间距。 除非你所说的“间隙”只是指填充物。
您可以在table元素的规则中使用border-spacing在行和列之间创建空间，并在单元格上使用padding在单元格内创建额外的空间（包括背景）。
注意:您的HTML无效:th元素是行(tr)内的特殊（“标题”）单元格-请参阅下面更改的代码。
null
table {
border-spacing: 10px 5px;
}
th {
text-align: left;
}
td,
th {
padding: 0 5px;
height: 20px;
font-size: 12px;
background-color: #000;
color: #fff;
border-top-left-radius: 10px;
}<table>
<tr>
<th>Exams</th>
<th>Science</th>
<th>Mathematics</th>
<th>Biology</th>
</tr>
<tr>
<td>2000</td>
<td>95</td>
<td>64</td>
<td>33</td>
</tr>
</table>
您也可以使用填充，它可以提供您想要的相同效果:
padding-right: 20px
