使用指南/创建内容/设计/设计您的按钮

设计您的按钮

通过调整颜色、字体、边框、阴影等要素,自定义您站点上的按钮。本指南将向您介绍可用的样式选项及其具体应用方式。

自定义按钮样式

请按照以下步骤自定义按钮样式:

  1. 使用列表视图选择多个按钮区块
“列表视图”打开,“多个按钮区块”突出显示。
  1. 在右侧边栏的区块设置中,点击样式图标。
多个按钮区块的区块设置边栏,其中样式图标突出显示。
  1. 自定义多个按钮区块的以下样式:
    • 颜色:选择多个按钮区块的背景颜色。了解有关颜色的更多信息。
    • 排版:更改按钮字体类型和大小。了解有关排版的更多信息。
    • 尺寸:设置内边距、外边距和区块间距。了解有关尺寸的更多信息。
    • 边框:自定义边框颜色和半径。了解有关边框的更多信息。

设置单个按钮的样式

请按照以下步骤为多个按钮区块中的单个按钮应用样式:

  1. 使用列表视图选择多个按钮区块中的单个按钮。
页面编辑器的“列表视图”打开,箭头从列表视图图标指向多个按钮区块列表。
  1. 在右侧边栏的区块设置中,点击样式图标。
单个按钮上的样式图标。
  1. 自定义以下样式:
    • 样式:选择“填充”“轮廓”按钮样式。
    • 颜色:选择按钮的文本颜色和背景颜色。了解有关颜色的更多信息。
    • 排版:更改按钮字体类型、样式和大小。了解有关排版的更多信息。
    • 尺寸:设置单个按钮的内边距。了解有关尺寸的更多信息。
    • 边框和阴影:自定义边框颜色和半径,或者为按钮添加投影阴影。了解有关边框的更多信息。

设置按钮文本的格式

除了区块样式中可用的排版选项外,您还可以按照以下步骤设置按钮文本的格式:

  1. 使用列表视图选择多个按钮区块中的单个按钮。
  2. 突出显示您要设置格式的部分或全部按钮文本。 
按钮文本突出显示,箭头指向工具栏中的文本格式选项。
  1. 从格式选项中进行选择,包括:
    • 对齐文本(左对齐、居中对齐或右对齐)
    • 添加链接
    • 粗体
    • 斜体
    • 更多”图标包括:
      • 突出显示:仅更改文本的字体颜色和背景颜色。使用样式更改按钮的颜色。
      • 内嵌代码
      • 内嵌图像
      • 键盘输入样式
      • 语言属性
      • 删除线
      • 下标
      • 上标
Copied to clipboard!