在網(wǎng)頁設(shè)計中，我們常常需要用到表格來展示數(shù)據(jù)或排版，而通過CSS可以讓表格更加美觀和易于閱讀。下面就來學(xué)習(xí)一下如何使用CSS來建立表格樣式。

table {
border-collapse: collapse;
width: 100%;
max-width: 800px;
margin: 0 auto;
}
th, td {
border: 1px solid #ccc;
padding: 10px;
}
th {
background-color: #eee;
font-weight: bold;
text-align: left;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}

首先要注意的是，CSS樣式要應(yīng)用在table元素上。通過設(shè)置border-collapse: collapse;可以讓邊框重疊，讓表格更加美觀。在設(shè)置表格寬度時，我們通常會使用width: 100%;讓表格占據(jù)整個父容器的寬度，并使用max-width來限制表格的最大寬度。通過設(shè)置margin: 0 auto;可以讓表格水平居中。

接下來，我們可以為表格的表頭和單元格設(shè)置相同的border和padding，讓表格看起來更加整齊。可以使用th來設(shè)置表頭的樣式，通過設(shè)置background-color可以讓表頭有一個不同于表格內(nèi)容的顏色，并使用font-weight來加粗表頭文字。為了讓表頭文字左對齊，可以設(shè)置text-align: left;。

最后，我們可以通過使用tr:nth-child(even)來為表格的偶數(shù)行設(shè)置不同的background-color，讓表格更加易于閱讀。