创建HTML和CSS文件，并填写基本内容
首先，我们需要创建一个HTML文件，并使用标签引入一个独立的CSS文件。在HTML文件中，添加一个
| 姓名 | 年龄 | 城市 |
|---|---|---|
| 张三 | 25 | 北京 |
| 李四 | 30 | 上海 |
```
设置表格的整体宽度
为了控制整个表格的宽度，我们可以使用CSS的`width`属性来设置。在CSS文件中，为
| 和 | 加上padding 为了增加单元格内部的间距，使表格更具可读性，我们可以使用CSS的`padding`属性为 | 和 | 标签添加内边距。在CSS文件中，为这两个标签添加样式，并设置`padding`属性的值。 ```css th, td { padding: 10px; } ``` 为表头设置样式表头通常需要突出显示，以便与其他行区分开来。我们可以使用CSS的各种属性来为表头设置样式。在CSS文件中，为 | 标签添加样式。 ```css th { background-color: #f1f1f1; font-weight: bold; } ``` 为其中一行设置背景颜色有时候，我们希望给表格的某一行设置特殊的背景颜色，以便于突出显示。我们可以使用CSS的`background-color`属性为指定行添加背景颜色。在CSS文件中，为 |
|---|---|
| 标签添加样式。 ```css td { text-align: right; } ``` 设置空的格子为隐藏如果表格中存在某些空的格子，我们可以使用CSS的`visibility`属性将其隐藏起来。在CSS文件中，为 | 标签添加样式。 ```css td:empty { visibility: hidden; } ``` 设置边框合并有时候，我们希望两个相邻的单元格的边框合并成一个，以达到更美观的效果。我们可以使用CSS的`border-collapse`属性来实现边框合并。在CSS文件中，为 |
