警报

的目的警报元素将在带有所选文本的样式框中输出Alert。

要添加这个元素，只需搜索警报然后拖到画布上。

提醒设置

警报设置控制组用于警报元素的初始设置。

• 关闭-使用此选项启用或禁用警报元素中的关闭图标。
• 宽度和最大宽度-使用此选项设置元素的宽度和最大宽度。
• 内容-在此选项中添加Alert的内容。
• 背景—设置告警的背景信息。

关闭设置

关闭设置控制组用于微调Alert元素的关闭图标。

• 字体大小-使用此选项设置关闭按钮的字体图标的大小。
• 位置-决定是否要在警报的左侧或右侧显示关闭图标。
• 抵消前—调整警告框顶部和关闭图标之间的垂直间距。
• 抵消方—微调警告框左右边缘与关闭图标之间的水平间距。
• 颜色—设置关闭图标在正常模式和悬停模式下的颜色。

设计设置

设计选项包括控制组，以微调警报框的间距和边界。

保证金

使用此选项可设置警告框的边距。您可以更改警报框的所有侧面的设置，也可以单独修改它们。

填充

使用此选项可设置警告框的填充。您可以更改警报框的所有侧面的设置，也可以单独修改它们。

边境

使用此选项可设置警告框的边框。您可以设置风格，宽度而且颜色边境线的所有边或每边的边境线。

边界半径

使用此选项可设置警报框的边界半径。你可以在所有边都设置曲线，也可以单独设置。

盒阴影

您可以使用框影控制组在警报框上设置阴影。

• x-使用此选项设置警告框中阴影的X偏移量。
• y-使用此选项设置警告框中阴影的Y偏移量。
• 模糊-使用此选项在警告框中设置模糊效果的强度。
• 传播和定位-使用此选项设置项目部分阴影的扩散量，并决定您希望阴影位于警告框内部还是外部。
• 颜色—设置警告框阴影的颜色。

文本设置

文本选项包括用于微调警告框内容的文本大小和格式的控制组。

文本格式

您可以使用此控制组来设置警告框中的文本格式。

• 字体—设置提示框内容的字体。
• 字体粗细-使用此选项设置字体的粗细。这些值可能会根据所选字体以及所选字体是否支持权重而有所不同。
• 字体大小—设置字体大小。
• 字符间距—设置字母间距。
• 行高-使用此选项设置每行之间的间距。

文本样式

您可以使用此对照组来设置警告框中的文本的样式。

• 字体样式-使用此选项决定是否要有一个正常的或斜体风格。
• 文本对齐-使用此选项设置文本的对齐方式。可能的值是左，中心，正确的,证明．
• 文本装饰—强制下划线或linethrough风格。
• 文本转换—使用该选项设置文本的大小写。可用的选项有大写字母，驼峰式大小写,小写字母．
• 文本颜色-使用此选项设置文本的颜色。

文本的影子

文本阴影控制组包含为警告框内容设置文本阴影的设置。

• x-使用此选项设置文本阴影的X偏移量。
• y-使用此选项设置文本阴影的Y偏移量。
• 模糊-使用此选项设置文本阴影中模糊效果的强度。
• 颜色-使用此选项设置文本阴影的颜色。

定制

自定义窗格由各种功能组成，允许您进一步控制元素的样式和功能:

• ID - - - - - -在元素上设置HTML ID。
• 类 - - - - - -在元素上设置HTML类。
• 元素的CSS - - - - - -使用此特性可以增加对Element的风格控制，特别是对嵌套标记的控制。点击在这里有关此特性的详细信息，如使用el美元来动态地定位基本标签，等等。
• 在断点期间隐藏 - - - - - -当需要改变设计时，以不同的屏幕尺寸隐藏元素。点击在这里获取更多信息。
• 条件 - - - - - -当满足某些条件时，从页面中添加/删除元素。”如果设置了特色图像…”)．点击在这里获取更多信息。
• 自定义属性 - - - - - -使用此选项将自定义HTML属性添加到元素的根标记(例如:data-info = " 123 ")．这在与各种脚本和库集成时尤其有用。

演示

要查看警报元素的现场演示，请单击在这里．

总结

让我们回顾一下。我们已经讨论了如何添加Alert元素。然后我们已经完成了它的设置、设计、文本和自定义设置，以使它看起来像你想要的样子。