CSS表格是網頁設計中必不可少的一部分，它可以用來展示數據，布局頁面等。在表格設計中，我們可以設置不同的樣式和屬性，比如每一行一個背景色，使表格更具有美觀性和可讀性。

// HTML代碼
<table>
<tr>
<th>商品</th>
<th>價格</th>
<th>庫存</th>
</tr>
<tr>
<td>蘋果</td>
<td>6元</td>
<td>20個</td>
</tr>
<tr>
<td>香蕉</td>
<td>3元</td>
<td>15個</td>
</tr>
<tr>
<td>橘子</td>
<td>5元</td>
<td>10個</td>
</tr>
</table>
// CSS代碼
table {
border-collapse: collapse;
}
th, td {
border: 1px solid #ccc;
padding: 8px;
}
tr:nth-child(odd) {
background-color: #f2f2f2;
}
tr:nth-child(even) {
background-color: #fff;
}

上面的代碼設置了一個表格，包含了商品、價格、庫存三列，并設置了表頭。接著在CSS中使用了nth-child選擇器來選擇奇數行和偶數行，分別設置了不同的背景顏色。其中，nth-child(even)表示偶數行，nth-child(odd)表示奇數行。

這種設計方法使得表格更具有層次感和分明度。同時，我們也可以根據需要調整顏色、字體等樣式，使表格更符合自己的要求。