如何从td元素中删除1px边距？

Question

我的1px元素周围有td页边距/填充：

td {
    margin: 0;
    padding: 0;
    background-color: blue;
}

如何删除？

Answer 1

你有一些看起来像这样的东西：

td {
  width: 10px;
  height: 10px;
  background: blue;
}

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

将此CSS添加到您的页面：

table, td {
  border-collapse: collapse;
}

像这样：

table, td {
  border-collapse: collapse;
}
td {
  width: 10px;
  height: 10px;
  background: blue;
}

<table>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td></td>
  </tr>
</table>

Answer 2

请试一试。

   <table border="1" style="border-spacing: 0;border-collapse: collapse;">
    <tr>
       <td>test</td>
       <td>test</td>
    <tr>
    <tr>
       <td>test</td>
       <td>test</td>
    <tr>
  </table>

希望这有帮助。

由于