我們想要在表格套用邊框、留白和背景色，就會使用到之前學過的border、background-color和pudding屬性，除此之外還有幾個屬性可以加入，稍等會加以說明。

• 首先先打開CSS檔，在選擇器th、td指定border屬性:

th,td{
    border: solid 1px #999999;
}

可以使用逗號分隔選擇器，一次就能選擇多個選擇器並統一指定屬性和值。
接著我們可以看看瀏覽器的顯示畫面，發現變成了一個表格:

• 如果覺得表格留白的地方太少了，可以指定padding屬性來加上留白:

th,td{
    padding: 16px;
}

接著我們可以看看瀏覽器的顯示畫面，發現留白變多了:

• 如果想要消除儲存格邊框之間的間距，可以將選擇器table指定成border-collapse:collapse;就能消除了:

table{
    border-collapse: collapse;
}

border-collapse是指定相鄰的儲存格要分離還是重疊的一種屬性。border-spacing則可以指定間距的大小。
接著我們可以看看瀏覽器的顯示畫面，發現間距不見了:

• 如果想要在標題儲存格加上背景顏色，可以在選擇器th指定background-color屬性:

th{
    background-color: #你要的顏色;
}

接著我們可以看看瀏覽器的顯示畫面，發現顏色改變了:

• 如果想要變更表格的寬度，可以使用選擇器table指定width屬性:

table{
    width: 100%;
}

width的值可以是%或px，是一種指定寬度的屬性，如果沒指定值，就會套用預設值width:auto;，視元素的大小調整寬度。
接著我們可以看看瀏覽器的顯示畫面，發現表格的寬度改變了: