Marp幻灯片背景
跳到导航
跳到搜索
我们通过Markdown提供了一种背景图像语法来指定幻灯片的背景。只需要在替代文本中包含bg关键词即可。
![bg](https://example.com/background.jpg)
当在幻灯片中定义了两个或多个背景图像时,Marpit仅显示最后定义的图像。如果您想显示多个图像,请尝试启用内联SVG幻灯片的高级背景。
背景大小
您可以通过关键词调整背景图像的大小。关键词值基本上遵循background-size样式。
![bg contain](https://example.com/background.jpg)
关键词 | 描述 | 示例 |
---|---|---|
cover | 将图像缩放以填充幻灯片。(默认值) | ![bg cover](image.jpg) |
contain | 将图像缩放以适应幻灯片。 | ![bg contain](image.jpg) |
fit | 等同于contain,与Deckset兼容。 | ![bg fit](image.jpg) |
auto | 不缩放图像,使用原始大小。 | ![bg auto](image.jpg) |
x% | 以百分比值指定缩放因子。 | ![bg 150%](image.jpg) |
您还可以继续使用宽度(w)和高度(h)选项关键词,通过长度指定大小。