第n列元素之间的边框折叠

时间:2020-07-07 05:22:22

标签: html css

这是代码段。我想在第n个元素和第n-1个元素之间实现0间距,我尝试在相邻子元素之间使用left和right作为零,但这并不起作用。

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;
}
td:nth-child(3)
{
  left:0;
}
td:nth-child(2)
{
  right:0;
}
<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>

我想要的是将td的第二个和第三个元素之间的距离减小为零,就是这样。

我希望95和64之间的距离为零。

0 个答案:

没有答案