如何为单张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
相关产品推荐
相关产品推荐

