GemPages 允许您自定义 每边的边框厚度 您可以独立设置元素或部分的边框粗细——上、右、下、左。您不再局限于单一的统一边框,而是可以混合使用不同的边框粗细,无需编写任何代码即可创建现代且符合品牌形象的设计。
本指南将带您了解该功能的工作原理、何时使用该功能以及如何将其应用于 GemPages 编辑器中的任何元素。
何时使用单边边框
默认情况下,当您 添加边框 在 GemPages 中,元素的四个边都应用相同的厚度。 单边边界 设置后即可解锁每一侧,以便分别进行设置。
例如,您可以:
- 仅在底部添加 4px 边框,即可产生下划线效果。
- 在左侧添加 6px 粗边框,以创建标注样式。
- 在卡片的每一面组合不同的数值,打造个性化卡片设计
这是设置面板中的一个小开关,但它开启了多种设计可能性。
以下是一些常见的应用场景,在这些场景中,逐边编辑边框确实能带来显著的差异:
- 下划线样式标题底部细边框可形成简洁的章节标题分隔符。
- 突出显示标注和引用块粗的左侧边框可以吸引人们对重要内容的注意力。
- 标签式容器顶部、左侧和右侧的边框(没有底部边框)形成标签页外观
- 非对称产品或功能卡:将细边框和粗边框混合使用,打造现代、引人注目的版式
如何在 GemPages 中编辑单个边框
步骤 1:选择要设置样式的元素或部分。
- 在 GemPages 编辑器.
- 直接点击要编辑的元素或部分。
提示: 如果您的页面包含许多嵌套元素,请使用 层树 在左侧边栏中选择您想要的确切块——这比在画布上点击更快、更精确。
步骤 2:打开边框设置
- 在右侧的设置面板中,滚动到 形状 部分。
- 找到 边境 组。
- 为您的 厚度 领域。
- 点击 “厚度”字段旁边的图标.
步骤 3:设置每边的自定义厚度
现在您将看到四个输入框,分别代表边界的两侧:
- 上图: 顶部边缘的厚度
- 右: 右边缘的厚度
- 下图: 底部边缘的厚度
- 左: 左边缘的厚度
双方:
- 点击输入框。
- 请输入像素值。.

谢谢您的意见