在網(wǎng)頁設(shè)計(jì)中,CSS(層疊樣式表)用于描述文檔的外觀和格式,雖然CSS主要用于設(shè)置文本的樣式、顏色、布局等,但它也可以與表格結(jié)合使用,以改變表格的外觀和布局,CSS并不直接“插入”表格,而是通過選擇表格元素并應(yīng)用樣式來影響表格的外觀。
### 表格的CSS樣式
1. 表格寬度和高度:
- `width` 和 `height` 屬性用于設(shè)置表格的寬度和高度。
- `table { width: 100%; height: 200px; }`
2. 表格邊框:
- `border` 屬性用于設(shè)置表格的邊框。
- `table { border: 1px solid black; }`
3. 表格背景:
- `background-color` 屬性用于設(shè)置表格的背景顏色。
- `table { background-color: lightblue; }`
4. 表格文字樣式:
- `font-size`、`font-family` 和 `color` 屬性用于設(shè)置表格中文字的樣式。
- `table { font-size: 16px; font-family: Arial, sans-serif; color: black; }`
5. 表格對齊:
- `align` 和 `valign` 屬性用于設(shè)置表格的對齊方式。
- `table { align: center; valign: middle; }`
### 示例代碼
```html
姓名 | 年齡 | 職業(yè) |
張三 | 30 | 工程師 |
李四 | 25 | 設(shè)計(jì)師 |
```
在這個示例中,CSS樣式被應(yīng)用于`