/

本页目录

裁剪

.clip {shape} 块函数将其内容裁剪为指定的形状。

支持的形状:

示例 1

![Sky](assets/sky.jpg)

.clip {circle}
    ![Sky](assets/sky.jpg)
Sky
Sky

插图

当裁剪插图 时,只有内容会受影响,标题保持不变:

示例 2

![Sky](assets/sky.jpg "A blue sky.")

.clip {circle}
    ![Sky](assets/sky.jpg "A blue sky.")
Sky
A blue sky.
Sky
A blue sky.

通用内容

裁剪适用于任何内容,不仅限于图片。这里使用了一个容器

示例 3

.clip {circle}
    .container padding:{2cm} background:{teal}
        #! 你好!

你好!