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類的類，或者檢查頁面源（ row ， row-1 ，...）中各部分的ID，並以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