在 CSS 中设置 cellpadding 和 cellspacing？

在 CSS 中，没有直接的属性可以设置 cellpadding 和 cellspacing，这两个属性是属于 HTML 表格的，是在 HTML 标签内部使用的。在 CSS 中，我们可以使用 padding 和 border 属性来设置单元格的内边距和边框，从而达到类似 cellpadding 和 cellspacing 的效果。

解决方案一：

HTML:

<table class="table-class">
  <tr>
    <td>Cell 1</td>
    <td>Cell 2</td>
  </tr>
</table>

CSS:

.table-class {
  border-collapse: collapse; /* 移除单元格间的距离 */
}
 
.table-class td {
  padding: 10px; /* 设置单元格内边距 */
  border: 1px solid black; /* 设置单元格边框 */
}

解决方案二：

HTML:

<table class="table-class">
  <tr>
    <td class="td-class">Cell 1</td>
    <td class="td-class">Cell 2</td>
  </tr>
</table>

CSS:

.table-class {
  border-collapse: collapse; /* 移除单元格间的距离 */
}
 
.td-class {
  padding: 10px; /* 设置单元格内边距 */
  border: 1px solid black; /* 设置单元格边框 */
}

在上述代码中，border-collapse: collapse; 是用来移除表格单元格之间的默认间距（即 cellspacing），padding 和 border 是用来设置单元格的内边距和边框（即 cellpadding）。

注意：在实际开发中，我们通常会使用第一种方法，因为这样可以减少 CSS 的代码量，并且使得每个单元格都有相同的样式。