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

我想要做的是更改由Row布局分隔的部分的背景颜色。

例如，一个部分是灰色的，下面一个是白色的。

这是可能的，如果是的话，任何提示我怎么做？

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

R Markdown改变CSS中

1 个答案: