概述
在飞书低代码平台中，应用页面提供了多样的「样式」能力，能够实现丰富、灵活的页面效果。「样式」包含属性：字号、颜色、背景、边框、阴影……可以灵活自定义组件的呈现效果。
每个组件按需支持不同的样式设置，且高频的样式设置是直接平铺出来，供用户便捷修改；较低频的样式设置收起放在「+」里，按需加出来配置，详见下图：
250px|700px|reset
配置项
文字
支持设置文字的字号大小、文字颜色及透明度、字重、斜体、文本装饰等样式。
250px|700px|reset
背景色
选择项 | 实现效果 |
透明 | 将页面最外层「区块」组件的背景，设置为【透明】效果： 250px|700px|reset |
颜色 | 将页面最外层「区块」组件的背景，设置为淡黄色效果： 250px|700px|reset |
边框
- 边框：支持统一设置边框粗细，也可以分开设置组件的四条边框粗细。
- 边框色：支持统一设置边框的颜色和透明度
250px|700px|reset
圆角
支持统一设置圆角样式，也可以分开设置组件的四个圆角样式。例如，将图片的圆角统一设置、分开设置后的效果：
250px|700px|reset
阴影
偏移
X 用于控制阴影显示在组件的左右侧方位；Y 用于控制阴影显示在组件的上下侧方位。可以通过对 X、Y 的数值设置，控制阴影出现在组件周围的 360 度。
例如，为图片设置不同偏移下的阴影效果：
参数设置：左【X 20 Y 0】。右【X 0 Y 20】。
250px|700px|reset
效果
- 模糊：可以让阴影的效果更为柔和。
- 扩展：让阴影的覆盖范围进行扩张（基于偏移量）。
例如，将图片阴影效果设置【模糊】与【扩展】下的不同效果：
参数设置：左 20 模糊。右 0 模糊。
250px|700px|reset
参数设置：左 0 扩展。右 20扩展。
250px|700px|reset
常见问题
- 网格间距、外边距为什么会导致换行
- 网格间距对应的是 css flex gap 属性，浏览器的默认行为是会换行，我们遵循浏览器的默认行为。
- 外边距对应的是 css margin 属性，浏览器的默认行为也是会换行，我们遵循浏览器的默认行为。
- 如何配置两列均分的布局
- 可以通过把组件的宽度由 6 栅格改为填充，来实现两列均分的布局，再通过修改网格间距来调整两列间距，详细搭建如下：
250px|700px|reset
- 另外，可以直接从「组件模版」里拖入水平分栏、比例分栏来，直接使用，详细使用如下：
250px|700px|reset
