用html做一个五行六列的表格;设置表头蓝色,字体白色;奇数行黄色,偶数行绿色;
时间: 2024-03-02 11:52:22 浏览: 92
可以使用以下代码实现:
```html
<table>
<thead>
<tr style="background-color: blue; color: white;">
<th>表头1</th>
<th>表头2</th>
<th>表头3</th>
<th>表头4</th>
<th>表头5</th>
<th>表头6</th>
</tr>
</thead>
<tbody>
<tr style="background-color: yellow;">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
<tr style="background-color: green;">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
<tr style="background-color: yellow;">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
<tr style="background-color: green;">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
<tr style="background-color: yellow;">
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
<td>内容6</td>
</tr>
</tbody>
</table>
```
解释一下代码:
- 与上一个问题的解释类似,这里不再赘述。
- 设置奇数行的背景颜色为黄色,偶数行的背景颜色为绿色,可以通过设置 `<tr>` 标签的 `style` 属性来实现。
阅读全文