前端：绘制一个三行一列的表格，实现各行颜色不同

好的，以下是一个简单的 HTML/CSS 代码实现：

<table>
  <tr style="background-color: red;">
    <td>第一行</td>
  </tr>
  <tr style="background-color: green;">
    <td>第二行</td>
  </tr>
  <tr style="background-color: blue;">
    <td>第三行</td>
  </tr>
</table>

上述代码中，我们使用了 `<table>` 元素来创建一个表格，每个 `<tr>` 元素代表一行，每个 `<td>` 元素代表一列。我们通过 `style` 属性来设置每一行的背景颜色，实现各行颜色不同的效果。

你可以将上述代码复制到 HTML 文件中查看效果。

相关问题

用uniapp写法绘制一个表格两行三列

以下是一个示例代码，展示如何使用uniapp绘制一个简单的2行3列表格：

<template>
  <view class="table">
    <view class="row">
      <view class="cell">单元格1</view>
      <view class="cell">单元格2</view>
      <view class="cell">单元格3</view>
    </view>
    <view class="row">
      <view class="cell">单元格4</view>
      <view class="cell">单元格5</view>
      <view class="cell">单元格6</view>
    </view>
  </view>
</template>

<style>
.table {
  display: flex;
  flex-direction: column;
  border-collapse: collapse;
}

.row {
  display: flex;
  flex-direction: row;
}

.cell {
  flex: 1;
  height: 40rpx;
  line-height: 40rpx;
  text-align: center;
  border: 1px solid #ccc;
}
</style>

在上述示例代码中，我们使用了flex布局来实现表格的排列。我们先定义了一个包含两行的外层容器，每一行使用一个flex容器来存放单元格。每个单元格使用一个view元素来表示，设置了高度、行高、文本居中、边框等样式。

你可以根据需要对单元格的样式进行自定义，例如修改高度、行高、边框颜色等。

rich绘制一个三行两列的表格

您可以使用rich库的Table对象来创建一个三行两列的表格，并使用add_row()方法添加行和add_column()方法添加列。

以下是一个示例代码：

from rich.console import Console
from rich.table import Table

console = Console()

table = Table(show_header=True, header_style="bold magenta")
table.add_column("Column 1")
table.add_column("Column 2")

table.add_row("Row 1, Column 1", "Row 1, Column 2")
table.add_row("Row 2, Column 1", "Row 2, Column 2")
table.add_row("Row 3, Column 1", "Row 3, Column 2")

console.print(table)

在上面的代码中，我们创建了一个包含两列的表格，并使用add_row()方法添加了三行数据。您可以根据需要更改列的数量和行的内容。

输出如下：

┏━━━━━━━━━━━┳━━━━━━━━━━━┓
┃ Column 1  ┃ Column 2  ┃
┡━━━━━━━━━━━╇━━━━━━━━━━━┩
│ Row 1,    │ Row 1,    │
│ Column 1  │ Column 2  │
├───────────┼───────────┤
│ Row 2,    │ Row 2,    │
│ Column 1  │ Column 2  │
├───────────┼───────────┤
│ Row 3,    │ Row 3,    │
│ Column 1  │ Column 2  │
└───────────┴───────────┘

可以看到，这是一个三行两列的表格。