用什么代替html5中不再支持table的cellspacing和cellpadding属性？

在 HTML5 中，cellspacing 和 cellpadding 属性确实不再被支持。要用 CSS 来实现相同的效果，主要依靠 border-spacing 和 padding 属性。

1. cellspacing 的替代方案：border-spacing

cellspacing 控制表格单元格之间的间距。在 CSS 中，可以使用 border-spacing 属性应用于 <table> 元素来实现同样的效果。

table {
  border-spacing: 10px; /* 设置单元格间距为 10px */
}

2. cellpadding 的替代方案：padding

cellpadding 控制单元格内容与边框之间的间距。在 CSS 中，可以使用 padding 属性应用于 <td> 或 <th> 元素来实现同样的效果。

table td, table th {
  padding: 5px; /* 设置单元格内边距为 5px */
}

更精细的控制：

针对特定单元格： 可以通过为特定的 <td> 或 <th> 元素添加类或 ID，然后在 CSS 中针对这些类或 ID 应用样式，来实现对特定单元格的间距控制。
不同方向的 padding： 可以使用 padding-top、padding-right、padding-bottom 和 padding-left 来分别控制单元格内容与上、右、下、左四个边框之间的间距。

示例：

<!DOCTYPE html>
<html>
<head>
<title>Table Spacing Example</title>
<style>
table {
  border-collapse: separate; /* 重要：必须设置，否则 border-spacing 无效 */
  border-spacing: 10px;
  width: 100%;
}

td, th {
  border: 1px solid black;
  padding: 8px;
  text-align: center;
}
</style>
</head>
<body>

<table>
  <tr>
    <th>Header 1</th>
    <th>Header 2</th>
  </tr>
  <tr>
    <td>Data 1</td>
    <td>Data 2</td>
  </tr>
</table>

</body>
</html>