在夸托中如何编写内联CSS

bogh5gae  于 2023-02-10  发布在  其他
关注(0)|答案(1)|浏览(130)

我想在一个夸托的HTML中给一个单词上色。在R Markdown中我只想添加一个css标签,但是我不知道如何在四开中实现。四开文档说可以编写内联css,但是没有示例。有一个超链接展示了一个R Markdown示例:

```{css, echo=FALSE}
body {
  color: red;
}

当我这样做时,夸托将代码显示为代码块,并且不使用CSS。
如何在夸托文档中添加CSS代码块?
vnjpjtjt

vnjpjtjt1#

只需用[]将您要设置样式的单词包围起来,并在{}中编写样式,如下所示

the color is [red]{style="color: red;"}

因此字red将为红色。
要添加更多详细信息,

---
title: "inline style"
format: html
---

## inline style in Quarto

We can apply styles to a sentence or a word 
by creating spans using `[]` to surround the
sentence or word that we want to style and 
use `{}` to define the style that we want to 
apply. For example,

The color of this word is [red]{style="color: red;"}. 
And [this line has a yellow background]{style="background-color: yellow"}.

渲染之后,我们得到这个,

相关问题