html 表格重置所有默认 css

Question

我正在使用 html 表格我需要重置所有默认表格样式任何想法

我的 table

<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>

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

Answer 1

尝试使用它，

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;
}