Marp高级背景

来自泡泡学习笔记
跳到导航 跳到搜索

高级背景支持多个背景、分割背景和背景图像的滤镜。



多个背景

![bg](https://fakeimg.pl/800x600/0288d1/fff/?text=A)
![bg](https://fakeimg.pl/800x600/02669d/fff/?text=B)
![bg](https://fakeimg.pl/800x600/67b8e3/fff/?text=C)


这些图像将在水平行中排列。



方向关键词

您可以使用垂直方向关键词将对齐方向从水平改为垂直。

![bg vertical](https://fakeimg.pl/800x600/0288d1/fff/?text=A)
![bg](https://fakeimg.pl/800x600/02669d/fff/?text=B)
![bg](https://fakeimg.pl/800x600/67b8e3/fff/?text=C)



分割背景

使用bg关键词的left或right关键词在指定的一侧留出背景的空间。它占幻灯片大小的一半,幻灯片内容的空间也会收缩。

![bg left](https://picsum.photos/720?image=29)

# 分割背景

幻灯片内容的空间将收缩到右侧。


多个背景将在指定的背景侧上正常工作。

![bg right](https://picsum.photos/720?image=3)
![bg](https://picsum.photos/720?image=20)

# 分割 + 多个背景

幻灯片内容的空间将收缩到左侧。


当在同一幻灯片中使用多个背景时,Marpit在使用左右关键词混合时会使用最后定义的关键词。



分割大小

Marpit可以通过百分比(如left:33%)为背景指定分割大小。

![bg left:33%](https://picsum.photos/720?image=27)

# 指定大小的分割背景