Как добавить цвета фона для блоков на гибкой панели Rmarkdown

Question

Я бы хотел покрасить каждую коробку на своей гибкой панели в другой цвет.Например, я хотел бы, чтобы фон внутри блока 1 был синим, фон внутри блока 2 - зеленым и так далее.

Может ли кто-нибудь посоветовать мне, возможно ли это, и если да, то как это сделать, пожалуйста?

Я приложил пример кода ниже.

Я не могу использовать поля значений из-за наличия более одной части информации для ввода.

Большое спасибо,

title: "Example"
output: 
  flexdashboard::flex_dashboard:
  orientation: columns
  vertical_layout: fill
  ---

```{r setup, include=FALSE}
library(flexdashboard)
```

Column {data-width=450}
-----------------------------------------------------------------------

### Box 1

```{r}
x = 5
y =6 
```

In this example `r x` is smaller than `r y` 


### Box 2

```{r}
x = 5
y =6 
z= 4
```

In this example `r x` is smaller than `r y` but bigger than `r z`

Column {data-width=450}
-----------------------------------------------------------------------

### Box 3

```{r}

```

### Box 4

```{r}

```

Answer 1

Вы можете использовать CSS для стилизации всех элементов вашей панели.Вашим ящикам автоматически присваивается идентификатор, соответствующий их названию (обычно только строчные буквы и пробелы заменяются дефисами):

<style>
#box-1 {
  background-color: blue;
  color: white;
}
#box-2 {
  background-color: green;
}

Кроме того, можно добавить классы CSS в свои блоки, например

## Box 1 { .first-box }

Затем вы можете изменить стили для этого класса, используя

<style>
  .first-box {
    ...
  }
</style>