Question

我有一个降价表如下：

| 1 | 2 | 3 |
|---|---|---|
| 4 | 5 | 6 |
| 7 | 8 | 9 |

我希望将特定单元格的背景颜色设置为红色，例如我找到了一些讨论使用HTML语法设置字体颜色的论坛，但没有发现任何人都可以将整个单元格背景颜色设置为红色。

Answer 1

背景色是风格的一部分。 Markdown仅适用于内容和结构。

但您可以使用css selectors

如果您可以使用css3：td:nth-child(n)
使用css2：td + td并再次覆盖td + td + td

Both versions with your example

Answer 2

我找到了一个与Microsoft Visual Studio Code预览一起使用的Markdown表样式here的示例。

以下示例给出了此结果here

## Table Styling in Markdown

<style>
.heatMap {
    width: 70%;
    text-align: center;
}
.heatMap th {
background: grey;
word-wrap: break-word;
text-align: center;
}
.heatMap tr:nth-child(1) { background: red; }
.heatMap tr:nth-child(2) { background: orange; }
.heatMap tr:nth-child(3) { background: green; }
</style>

<div class="heatMap">

| Everything | in this table | is Centered |  and the table will only take up 70% of the screen width  | 
| -- | -- | -- | -- |
| This | is | a | Red Row |
| This | is | an | Orange Row |
| This | is | a | Green Row |

</div>

在降价表中设置特定单元格的背景颜色

2 个答案: