求助：如何为Rmarkdown HTML输出设置多分段背景颜色？

要在Rmarkdown的HTML输出中划分不同背景色的区域，不需要复杂的CSS知识，用HTML块标签结合内联样式或自定义CSS类就能轻松实现，以下是两种实用方案：

方案1：直接用内联样式的div块（快速上手） #

你可以用HTML的<div>标签包裹需要改变背景色的内容块，通过style属性指定背景色，每个区块独立设置即可：

---
title: "多背景色文档示例"
output: html_document
---

<!-- 第一部分：白色背景 -->
<div style="background-color: #ffffff; padding: 1px 0;">
这是文档开头的白色背景区域，包含文字、代码块、图表等内容。

```{r}
# 示例代码
mean(iris$Sepal.Length)

plot(iris$Sepal.Length, iris$Petal.Length)

knitr::kable(head(iris[,1:4]))

• 注意：padding: 1px 0是为了避免内容紧贴背景边缘，让排版更美观，可根据需求调整数值。
• 每个<div>必须对应一个</div>来闭合区块，否则会导致格式混乱。

方案2：自定义CSS类（更整洁易维护） #

如果需要重复使用相同背景色的区块，可以在文档开头定义CSS类，之后直接调用类名即可：

---
title: "多背景色文档示例"
output: html_document
---

<!-- 定义CSS类 -->
<style>
.bg-white {
  background-color: #ffffff;
  padding: 1px 0;
}
.bg-blue {
  background-color: #add8e6;
  padding: 1px 0;
}
.bg-red {
  background-color: #ffcccc;
  padding: 1px 0;
}
</style>

<!-- 调用类名 -->
<div class="bg-white">
### 第一部分：白色背景
这里是开头内容，包含文字、代码等。
</div>

<div class="bg-blue">
### 第二部分：蓝色背景
这里放置图表和表格。
</div>

<div class="bg-red">
### 第三部分：红色背景
这里是后续内容区域。
</div>

这种方式的好处是，如果你需要修改某类背景色，只需要修改CSS类中的颜色值，不用逐个修改每个区块的样式。

颜色值说明 #

你可以替换示例中的十六进制颜色码（如#add8e6）为任意你需要的颜色：

• 用十六进制码：比如纯蓝#0000ff、纯红#ff0000
• 用颜色名称：比如blue、red、white（仅支持标准颜色名称）

内容的提问来源于stack exchange，提问作者Martín Sielfeld