设计您的栏目

您可以使用栏目，以结构化的布局排列内容，让站点具有视觉吸引力且易于导航。在本指南中，您将学习如何自定义栏目的各项设计，例如颜色、对齐方式以及在移动设备上的显示效果。

要添加或更改栏目的背景颜色，请执行以下步骤：

1. 在编辑器的左上角选择列表视图。这个图标看起来像三条彼此平行的水平线。
2. 在此处找到栏目区块，然后点击它：

3. 在屏幕右侧的栏目区块设置中，点击“样式”选项卡（图标看起来像一个黑白圆圈）：

4. 在颜色设置中，点击“背景”，然后选择背景颜色。
5. 点击“保存”按钮，保存您的更改。

如果您要为每个栏目选择不同的颜色，执行同样的步骤即可，但在列表视图中需要选择单个栏目区块，而非整组栏目区块。

您在新栏目中添加的内容默认会与栏目容器顶部对齐。要更改栏目中内容的对齐方式，请执行以下步骤：

1. 在编辑器的左上角选择列表视图。这个图标看起来像三条彼此平行的水平线。
2. 在此处找到栏目区块，然后点击它：

3. 在所选栏目上方或下方出现的工具栏中，点击垂直对齐选项：

4. 从“顶部对齐”、“居中对齐”或“底部对齐”中进行选择，使栏目中的所有内容沿栏目容器顶部、中部或底部排列。

如果您要为每个栏目选择不同的对齐方式，执行同样的步骤即可，但在列表视图中需要选择单个栏目，而非整组栏目。这样，您就可以创建如下所示的分散布局：

在使用栏目布局时，请务必考虑您的栏目对于移动设备端网站访客的显示效果。由于手机屏幕较小，多栏内容若保持单行排列可能会影响内容可读性。

您可以选择在移动设备上“堆叠显示”栏目，使各栏目垂直排列而非集中在单行显示：

1. 使用列表视图或区块工具栏来选择栏目区块。
2. 在屏幕右侧的栏目区块设置中，将“在移动设备上堆叠显示”选项切换为开启：

此切换开关用于控制在移动设备上查看页面或文章时，栏目是水平显示还是垂直堆叠显示。通过以下对比示例，您可以直观了解堆叠栏目在台式设备/笔记本电脑与移动设备上的显示差异：