R Markdown更改CSS中各节的背景颜色

Question

我想知道是否有可能用CSS更改基于rmarkdown的flexdashboard的背景颜色。

特别是，我有一个这样的文档结构：

---
  title: "Test"
output: 
  flexdashboard::flex_dashboard:
  vertical_layout: scroll
logo: logo.jpg
self_contained: no
---
  Overview {data-orientation=rows data-icon="ion-ios-home"}
=====================================  

  Row
-------------------------------------
  ### Plot 1

  ### Plot 2

  Row
-------------------------------------

  ### Plot 3

  ### Plot 4

我想做的是更改由“行”布局分隔的部分的背景颜色。

例如，一节将是灰色的，下一节将是白色的。

这可能吗？如果是，是否有任何提示我该怎么做？

Answer 1

你当然可以。可以使用类，如colored或检查部分的ID在网页源代码（row，row-1，...），并使用那些在CSS样式。

---
title: "Test"
output: 
  flexdashboard::flex_dashboard:
  vertical_layout: scroll
self_contained: no
---
  Overview {data-orientation=rows data-icon="ion-ios-home"}
=====================================  

<style>
.colored {
  background-color: #DDDDDD;
}
</style>

  Row { .colored }
-------------------------------------

  ### Plot 1

  ### Plot 2

  Row
-------------------------------------

  ### Plot 3

  ### Plot 4