如何包装表格单元格使用 CSS 的内容？

在 HTML 中，表格单元格 <td> 是用来盛放数据或者元素的，但是默认情况下它们看起来可能比较平淡无奇。使用 CSS 来给表格单元格增加样式和装饰，可以使表格更加美观和易读，同时也增强了表格的功能。下面是几种常见的方式。

1. 背景颜色

可以使用 background-color 属性来改变单元格背景颜色，示例代码如下：

td {
  background-color: lightblue;
}

2. 边框样式

可以使用 border 属性来改变单元格边框样式，示例代码如下：

td {
  border: 1px solid black;
}

3. 边框颜色

可以使用 border-color 属性来改变单元格边框颜色，示例代码如下：

td {
  border: 1px solid;
  border-color: lightblue;
}

4. 文字对齐

可以使用 text-align 属性来设置单元格中的文字对齐方式，示例代码如下：

td {
  text-align: center;
}

5. 内边距

可以使用 padding 属性来设置单元格的内边距，示例代码如下：

td {
  padding: 10px;
}

6. 外边距

可以使用 margin 属性来设置单元格的外边距，示例代码如下：

td {
  margin: 10px;
}

7. 字体样式

可以使用 font-family、font-size、font-weight 等属性来设置单元格中的字体样式，示例代码如下：

td {
  font-family: Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
}

8. 垂直对齐

可以使用 vertical-align 属性来设置单元格中的垂直对齐方式，示例代码如下：

td {
  vertical-align: middle;
}

以上就是几种常见的方式，可以使用 CSS 来装饰表格单元格。当然，这只是冰山一角，还有更多的样式属性可以使用，具体可以根据实际需要来选取合适的样式。