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

我想要做的是改变通过行布局分隔开的部分的背景颜色。例如，一个部分可以是灰色的，接下来的一个部分可以是白色的。是否可能实现这个目标？如果是，你有什么提示我该如何做？

- Prometheus

---

你好，请尝试访问以下链接：http://rmarkdown.rstudio.com/flexdashboard/using.html#appearance - s.brunel

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

- Martin Schmelzer