css中table的使用

css中table的使用
在CSS中，可以使用以下属性来调整和美化表格（table）：
1. border-collapse：设置表格边框是否合并为一个边框，默认值为 separate，可以使用 collapse 将边框合并。

```css
table {
border-collapse: collapse;
}
```
2. border-spacing：设置表格相邻单元格之间的距离，默认值为0。

仅当 border-collapse 设置为 separate 时生效。

```css
table {
border-spacing: 10px;
}
```
3. caption-side：设置表格标题（caption）的位置，默认值为top，可以使用 bottom 将标题放在表格底部。

```css
table {
caption-side: bottom;
}
```
4. empty-cells：设置空单元格的显示，默认值为 show，可以使用 hide 隐藏空单元格。

```css
table {
empty-cells: hide;
}
```
5. width、height：设置表格的宽度和高度。

```css
table {
width: 100%;
height: 200px;
}
```
6. background-color：设置表格的背景颜色。

```css
table {
background-color: lightgray;
}
```
7. text-align：设置表格内容的水平对齐方式，默认值为 left，
可以使用 center 居中对齐，或者 right 右对齐。

```css
table {
text-align: center;
}
```
8. vertical-align：设置表格内容的垂直对齐方式，默认值为 top，
可以使用 middle 居中对齐，或者 bottom 底部对齐。

```css
table {
vertical-align: middle;
}
```
9. color：设置表格内容的文字颜色。

```css
table {
color: red;
}
```
10. border：设置表格边框的样式、宽度和颜色。

```css
table {
border: 1px solid black;
}
```
这些是一些常见的表格样式属性，可以根据需要进行组合和调整，实现不同的表格效果。