怎么用CSS控制表格字體大小

在CSS中，我們可以使用font-size屬性來控制表格中的字體大小，以下是一些示例代碼，展示如何應(yīng)用font-size到表格的各個部分。

1. 控制整個表格的字體大小

你可以將整個表格的字體大小設(shè)置為一個固定的值：

table {
  font-size: 16px;
}

這將使表格中的所有文字都使用16像素的字體大小。

2. 控制特定列的字體大小

如果你想單獨控制某一列的字體大小，可以使用td或th選擇器：

table td:nth-child(2) {
  font-size: 20px;
}

這將使表格中的第二列使用20像素的字體大小。

3. 控制表頭的字體大小

如果你想讓表頭（th元素）的字體大小與其他列不同，可以這樣做：

table th {
  font-size: 18px;
}

這將使表頭的字體大小為18像素。

4. 使用相對字體大小

除了使用固定的像素值，還可以使用相對字體大小，如larger、smaller或百分比：

table {
  font-size: larger;
}

這將使表格中的字體大小比周圍文本更大。

5. 繼承字體大小

如果外部文本使用了相對字體大?。ㄈ?code>em單位），表格中的字體大小將繼承外部文本的字體大?。?/p>

body {
  font-size: 1.6em; /* 假設(shè)外部文本使用1.6倍的基準字體大小 */
}
table {
  font-size: inherit; /* 表格將繼承外部文本的字體大小 */
}

通過CSS的font-size屬性，你可以輕松控制表格中的字體大小，無論是整個表格還是特定列或表頭，使用相對字體大小或繼承字體大小可以進一步增加靈活性，希望這些示例能幫助你更好地應(yīng)用CSS來控制表格字體大小。