dark

如何使用 Divi Gradient Builder 设计独特的圆形背景形状

2022年5月12日

Divi 的渐变生成器可以创建许多有趣的背景。这些颜色共同创造出通常难以创造的形状和图案。Divi 的 Gradient Builder 包括创建圆形图案的设置，例如圆形背景形状，这使得创建独特的背景成为一项简单的任务。在这篇文章中，我们将了解如何使用 Divi Gradient Builder 设计独特的圆形背景形状，以吸引任何部分或列的注意力。

让我们开始吧。

预览

首先，让我们看看我们正在构建什么。

第一个圆形背景

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-1 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-2 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二个圆形背景

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-3 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-4 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三轮背景

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-5 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-6 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四轮背景

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-7 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-8 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

创建圆形截面

我们将为本教程创建一个自定义部分，而不是使用 Divi 布局中的部分。该部分将需要具有相同大小列的两列行。

在左栏中，我们将放置一个分隔线。这将不可见。它允许我们的第 1 列背景显示在较小的屏幕尺寸上。只有带有模块的列显示在较小的屏幕上。右栏将包括两个文本模块和一个联系表。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-9 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

部分设置

通过单击其齿轮图标打开该部分的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-10 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

向下滚动到背景并将颜色更改为#fff7ef。

  • 背景颜色：#fff7ef

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-11 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，选择设计选项卡。向下滚动到间距并输入 0px 作为顶部和底部填充。关闭该部分的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-12 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

添加行

接下来，添加两列行。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-13 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，通过单击其齿轮图标打开该行的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-14 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

选择设计选项卡并启用均衡柱高。将宽度设置为 100%，并将最大宽度更改为无。

  • 均衡柱高：是
  • 宽度：100%
  • 最大宽度：无

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-15 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，向下滚动到 Spacing 并输入 0px 作为顶部和底部填充。

  • 填充：0px 顶部，0px 底部

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-16 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

列设置

接下来，我们将对列进行一些间距调整。当我们创建圆形背景时，我们将回到列设置。打开第一列的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-17 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

转到设计选项卡并为顶部和底部填充输入 8vw，为左侧和右侧填充输入 10%。关闭列设置。

  • 顶部：8vw
  • 底部：8vw
  • 左：10%
  • 右：10%

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-18 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，打开第二列的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-19 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

转到设计选项卡并为顶部和底部填充输入 8vw，为右侧填充输入 12%。关闭列和行设置。

  • 顶部：8vw
  • 底部：8vw
  • 右：12%

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-20 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

分频器模块

接下来，将分隔模块添加到左列。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-21 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

打开分隔器模块的设置并为显示可见性选择否。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-22 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，选择设计选项卡并向下滚动到间距。选择平板电脑图标并选择平板电脑选项卡。将 15vh 添加到顶部和底部填充。手机设置将遵循平板电脑设置。对于桌面版本，我们不需要这些设置。关闭模块的设置。

  • 填充（平板电脑）：15vh 顶部，15vh 底部

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-23 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

标题文本模块

接下来，在右列中添加一个文本模块。这将为联系表单创建标题。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-24 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

添加标题“获取联系”并将字体更改为标题 1。

  • 字体：标题 1
  • 正文内容：取得联系

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-25 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

选择设计选项卡并向下滚动到标题文本。选择 Inter 作为字体并选择 Light 作为字体粗细。

  • 字体：国米
  • 字体粗细：轻

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-26 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

设置字体颜色为黑色，桌面字体大小为78px，平板字体大小为44px，手机字体大小为28px。将行高更改为 1.1em。关闭模块的设置。

  • 颜色：#000000
  • 字体大小：78px（桌面）、44px（平板电脑）、28px（手机）
  • 行高：1.1em

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-27 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

描述文本模块

接下来，在标题文本模块下添加一个文本模块。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-28 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

打开其设置并将您的描述添加到内容区域。我只是在我的示例中使用虚拟内容。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-29 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，选择设计选项卡并选择 Inter 作为字体。选择 Light 作为字体粗细并将颜色设置为黑色。

  • 字体：国米
  • 字体粗细：轻
  • 颜色：#000000

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-30 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

选择平板电脑图标以设置每种屏幕类型的尺寸。单击桌面图标并将大小更改为 24 像素。选择平板电脑图标并将大小更改为 20 像素。选择电话图标并将大小更改为 16 像素。将行高更改为 1.6em。关闭模块的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-31 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

联系表格模块

最后，在描述文本下添加一个联系表单模块。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-32 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

打开设置，向下滚动到垃圾邮件防护，然后启用使用垃圾邮件防护服务。有关此功能的更多信息，请参阅文章如何在 Divi 的电子邮件选项模块中使用垃圾邮件防护服务。

  • 使用垃圾邮件防护服务：是

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-33 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

字段

转到设计选项卡并将字段背景颜色设置为 rgba(0,0,0,0)。将字段文本颜色设置为黑色。

  • 字段背景颜色：rgba(0,0,0,0)
  • 文字颜色：#000000

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-34 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，为 Fields 字体选择 Inter。将大小更改为 16px，将行高更改为 1.6em。

  • 字体：国米
  • 尺寸：16 像素
  • 线高：1.6em

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-35 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

按钮

向下滚动到按钮并选择使用自定义样式。将文本大小更改为 16 像素。将文本颜色更改为白色，并将背景颜色设置为#b35330。

  • 使用自定义样式：是
  • 文字大小：16px
  • 文字颜色：#ffffff
  • 背景颜色：#b35330

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-36 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

将边框半径更改为 100px。为按钮字体选择 Inter。将权重更改为中等。

  • 边框半径：100px
  • 按钮字体：Inter
  • 重量：中等

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-37 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

向下滚动到按钮填充并为顶部和底部添加 16 像素，为左侧和右侧添加 40 像素。

  • 按钮内边距：16px（上、下）、40px（左、右）

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-38 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

字段边界

向下滚动到 Border 并将 Inputs Border Width 更改为 1px。将输入边框颜色更改为#b35330。

  • 输入边框宽度：1px
  • 输入边框颜色：#b35330

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-39 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

字段设置

接下来，打开名称字段的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-40 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

选择设计选项卡并启用制作全宽。关闭名称字段的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-41 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

接下来，打开电子邮件字段设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-42 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

选择设计选项卡并启用制作全宽。关闭电子邮件字段的设置，关闭联系表单的设置，然后保存您的工作。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-43 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

复制部分

我们现在有一个左侧有一个空列的部分，右侧有一个由两个文本模块和一个联系表单模块创建的联系表单。在我们创建背景之前，让我们复制这一部分。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-44 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

将鼠标悬停在该部分的设置上，然后单击“复制部分”图标三次。然后我们将有四个部分。我们将为每一个添加不同的圆形背景。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-45 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

添加背景渐变

对于我们的每个圆形背景，我们将背景渐变添加到行的左列。它们大多使用相同的颜色，并且有几个将具有堆叠的渐变色块。请特别注意堆栈顺序，因为这会改变梯度。我们还将使用不同的单位，但它们都以百分比开头。

要创建背景渐变，请单击其齿轮图标打开该行的设置。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-46 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

单击第一列的齿轮图标。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-47 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

向下滚动到背景，选择背景渐变选项卡，然后单击添加背景渐变。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-48 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

通过单击渐变条放置渐变色标。通过选择它们来更改它们的颜色。默认情况下，渐变条将它们显示为百分比，但我们会随时更改它们。

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-49 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

现在，让我们构建我们的圆形背景示例。

圆形背景形状一

这个圆形背景将有五个渐变停止并在圆圈内创建许多圆圈。

第一个梯度停止

对于第一个渐变停止，将其设置为 29% 位置并使用颜色#ffb482。

  • 职位：29
  • 颜色：#ffb482

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-50 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二梯度停止

在 31% 标记处添加第二个渐变色标，并将其颜色更改为 #a84321。

  • 职位：31
  • 颜色：#a84321

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-51 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三梯度停止

将第三个渐变停止设置为 51%，并将颜色更改为 #ffc99b。

  • 职位：51
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-52 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四梯度停止

将第四个渐变停止设置为 63%，并将颜色更改为 #ffc99b。

  • 职位：63
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-53 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第五梯度停止

在 78% 标记处设置第五个渐变色标，并将其颜色更改为#ffb67f。

  • 职位：78
  • 颜色：#ffb67f

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-54 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

渐变设置

对于渐变设置，将类型更改为圆形，将位置更改为中心。启用重复渐变，将单位更改为像素，并启用将渐变置于背景图像之上。

  • 类型：圆形
  • 位置：中心
  • 重复渐变：是
  • 渐变单位：像素
  • 在背景图像上方放置渐变：是

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-55 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

圆形背景形状二

我们的第二个圆形背景形状将包括五个渐变色标。它将从一个角显示圆形图案的一部分。

第一个梯度停止

对于第一个渐变色标，将其设置为 31%，并将颜色更改为 #a84321。

  • 职位：31
  • 颜色：#a84321

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-56 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二梯度停止

将第二个渐变色标设置为 51%，并将颜色更改为 #ffb482。

  • 职位：51
  • 颜色：#ffb482

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-57 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三梯度停止

将第三个渐变色标设置为 52%，并将颜色更改为 #ffc99b。

  • 职位：52
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-58 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四梯度停止

将第四个渐变停止设置为 63%，并将颜色更改为 #ffc99b。

  • 职位：63
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-59 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第五梯度停止

将最后一个渐变停止设置为 78%，并将颜色更改为#ffb67f。

  • 职位：78
  • 颜色：#ffb67f

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-60 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

渐变设置

接下来，设置渐变调整。将类型更改为圆形并将位置设置为右上角。启用重复渐变，为单位选择像素，并启用将渐变置于背景图像之上。关闭模块并保存您的设置。

  • 类型：圆形
  • 位置：右上角
  • 重复渐变：是
  • 梯度单位：百分比
  • 在背景图像上方放置渐变：是

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-61 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

圆形背景形状三

对于我们的第三个圆形背景形状，我们将使用两个堆叠的五个渐变色标。这将创建一个中心圆。

第一个梯度停止

将第一个渐变停止设置为 7%，并将颜色更改为 #ffb482。

  • 职位：7
  • 颜色：#ffb482

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-62 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二梯度停止

将第二个渐变停止设置为 51%，并将颜色更改为 #a84321。

  • 职位：51
  • 颜色：#a84321

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-63 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三梯度停止

将第三个渐变色标放置在 51% 处，在第二个上方，并将颜色更改为 #ffc99b。

  • 职位：51
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-64 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四梯度停止

将第四个渐变停止点放在 63% 标记处，并将颜色更改为 #ffc99b。

  • 职位：63
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-65 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第五梯度停止

最后，将最后一个渐变停止点放在 78% 标记处，并将颜色更改为#ffb67f。

  • 职位：78
  • 颜色：#ffb67f

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-66 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

渐变设置

最后，将渐变类型更改为圆形，将位置更改为中心。启用重复渐变，为单位选择百分比，然后启用将渐变置于背景图像之上。关闭设置并保存您的工作。

  • 类型：圆形
  • 位置：中心
  • 重复渐变：是
  • 梯度单位：百分比
  • 在背景图像上方放置渐变：是

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-67 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

圆形背景形状四

我们的最后一个示例使用五个梯度停止并显示四分之一圆形图案。

第一个梯度停止

将第一个梯度停止设置在 51% 标记处。我们将在设置中将它们更改为 vh。将颜色更改为#a84321。

  • 职位：51
  • 颜色：#a84321

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-68 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二梯度停止

将下一个梯度停止点放在第一个梯度停止点的顶部，为 51%。将颜色更改为#ffc99b。

  • 职位：51
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-69 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三梯度停止

将第三个渐变停止点放在 63% 标记处，并将其颜色更改为 #ffb482。

  • 职位：63
  • 颜色：#ffb482

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-70 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四梯度停止

将第四个梯度停止点放在第三个梯度停止点的 63% 标记处。

  • 职位：63
  • 颜色：#ffc99b

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-71 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第五梯度停止

将第五个渐变停止点放在 78% 标记处，并将其颜色更改为 #ffb67f。

  • 职位：78
  • 颜色：#ffb67f

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-72 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

渐变设置

最后，将类型更改为圆形并将位置设置为右下角。启用重复渐变，将单位更改为 vh，并启用将渐变置于背景图像之上。关闭您的设置并保存您的工作。

  • 类型：圆形
  • 位置：右下
  • 重复渐变：是
  • 渐变单位：视口高度 (vh)
  • 在背景图像上方放置渐变：是

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-73 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

结果

第一个圆形背景形状

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-1 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-2 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第二个圆形背景形状

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-3 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-4 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第三个圆形背景形状

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-5 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-6 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

第四个圆形背景形状

桌面

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-7 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

电话

how-to-use-the-divi-gradient-builder-to-design-unique-circular-background-shapes-8 如何使用 Divi Gradient Builder 设计独特的圆形背景形状

结束的想法

这就是我们对如何使用 Divi Gradient Builder 设计独特的圆形背景形状的看法。渐变生成器是创建有趣背景的绝佳工具。圆形突出并为任何部分或列添加一些独特的视觉设计。使用我们在这里展示的方法，任何人都可以在几分钟内创建有趣的圆形图案。我建议使用控件和堆叠顺序来查看您可以创建的内容。

我们希望收到你的来信。您是否使用 Divi Gradient Builder 设计圆形背景形状？请在评论中告诉我们您的体验。

查看源代码

相关文章