You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何为单张Quarto Reveal幻灯片单独修改标题与文字颜色

修改单张reveal.js幻灯片文字颜色的简洁方法

在Quarto的reveal.js演示中,要单独修改某张幻灯片的标题和正文颜色,同时保留其他幻灯片的默认样式,有两种简洁的实现方式:

方法1:给整张幻灯片添加样式属性

通过幻灯片的属性块,一次性为当前幻灯片的标题和正文设置颜色,语法简洁且统一:

---
format: revealjs
---

## Slide 1: Black header (default)

Black text (default)

## Slide 2: Red header
{style="h2 {color: #ff0000;} p {color: #ff0000;}"}

Red text

这里通过{style="..."}属性块,针对当前幻灯片内的<h2>标题标签和<p>正文标签统一设置红色,不会影响其他幻灯片的默认样式。

方法2:单独为标题和正文添加行内样式

如果需要更精细的控制(比如标题和正文使用不同颜色),可以直接在对应元素后添加行内样式:

---
format: revealjs
---

## Slide 1: Black header (default)

Black text (default)

## Slide 2: Red header {style="color: #ff0000;"}

Red text {style="color: #ff0000;"}

这种方式直接给单个元素设置样式,灵活性更高,代码也足够简洁。

内容的提问来源于stack exchange,提问作者Vincent

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.20 03:40:29