html表格重置所有默认css

我正在使用html表格，我需要重置所有默认表格样式

我的桌子

<table border=1 width=100>
  <tr>
    <th>area 1</th>
    <th>area 2</th>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
  <tr>
    <td>area</td>
    <td>area</td>
  </tr>
  <tr>
       <td>area</td>
    <td>area</td>

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

主要问题删除默认填充边距

尝试使用此选项

table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

---

您可以使用如下代码，我用css覆盖所有表标记

---

要删除任何元素的所有默认样式，请使用“全部”属性

例如，可以使用以下CSS删除表格的样式

表，表，表，表，表，表，表，表{ 全部：未设置； } 您可以找到浏览器支持信息

表，表，表，表，表，表，表，表{ 全部：首字母； } 区域1 区域2 地区 地区 地区 地区 地区 地区 地区 地区 地区 地区

---

如果只想消除单元格之间的空间，请使用以下规则：

border-collapse: collapse;

下面是一个片段，展示了如何用HTML实现这一点

桌子{ 边界塌陷：塌陷； } 区域1 区域2 地区 地区 地区 地区 地区 地区 地区 地区 地区 地区

border-collapse: collapse;