本文目錄導(dǎo)讀：

1. 設(shè)置表格邊框
2. 設(shè)置表格背景色
3. 設(shè)置表格字體樣式
4. 設(shè)置表格寬度和高度
5. 設(shè)置表格單元格間距

HTML中CSS設(shè)置表格的方法

在HTML中，我們可以使用CSS來美化表格的外觀，通過CSS，我們可以設(shè)置表格的邊框、背景色、字體樣式等屬性，使得表格更加清晰、易讀。

設(shè)置表格邊框

在CSS中，我們可以使用border屬性來設(shè)置表格的邊框，通過border屬性，我們可以指定邊框的寬度、顏色和樣式，我們可以將邊框設(shè)置為2像素寬、黑色實(shí)線樣式的邊框：

table {
  border: 2px solid black;
}

設(shè)置表格背景色

在CSS中，我們可以使用background-color屬性來設(shè)置表格的背景色，我們可以將背景色設(shè)置為灰色：

table {
  background-color: gray;
}

設(shè)置表格字體樣式

在CSS中，我們可以使用font屬性來設(shè)置表格的字體樣式，通過font屬性，我們可以指定字體的大小、字體族和字體顏色，我們可以將字體設(shè)置為12像素、宋體和黑色：

table {
  font: 12px SongTi, sans-serif;
  color: black;
}

設(shè)置表格寬度和高度

在CSS中，我們可以使用width和height屬性來設(shè)置表格的寬度和高度，我們可以將表格的寬度設(shè)置為500像素，高度設(shè)置為300像素：

table {
  width: 500px;
  height: 300px;
}

設(shè)置表格單元格間距

在CSS中，我們可以使用cellpadding和cellspacing屬性來設(shè)置表格單元格的內(nèi)邊距和外邊距，我們可以將單元格的內(nèi)邊距設(shè)置為10像素，外邊距設(shè)置為5像素：

table {
  cellpadding: 10px;
  cellspacing: 5px;
}

通過以上CSS屬性的設(shè)置，我們可以輕松地美化HTML中的表格，使得表格更加清晰、易讀。