HTML CSS表格背景

使用HTML和CSS，我們可以改變表格的背景顏色，使其更加美觀。在HTML中，我們使用<table>標(biāo)簽來創(chuàng)建表格，并使用<tr>、<th>和<td>來創(chuàng)建行、表頭和單元格。要設(shè)置表格的背景顏色，我們可以使用CSS中的background-color屬性。

以下是一個(gè)簡(jiǎn)單的HTML表格示例，具有不同的背景顏色：

<table>
<tr>
<th>名稱</th>
<th>價(jià)格</th>
<th>數(shù)量</th>
</tr>
<tr>
<td>蘋果</td>
<td>10 元</td>
<td>5 個(gè)</td>
</tr>
<tr>
<td>香蕉</td>
<td>5 元</td>
<td>10 個(gè)</td>
</tr>
</table>

使用以下CSS樣式，我們可以將表頭的背景顏色設(shè)置為灰色，單數(shù)行的背景顏色設(shè)置為淺灰色，偶數(shù)行的背景顏色設(shè)置為白色：

table {
border-collapse: collapse;
width: 100%;
}
th {
background-color: #ddd;
text-align: left;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
text-align: left;
}

這個(gè)示例的結(jié)果如下：

通過使用HTML和CSS，我們可以定制表格的樣式，使它更符合我們的需求和個(gè)性化。