图标

图标元素在页面上添加一个图标。要添加图标元素，只需搜索“Icon”并拖动“Icon”到画布。

设置

“设置”部分包含用于图标初始设置的控件。

• 字体大小—设置图标的基本字体。
• 图标—选择图标。单击此选项将打开图标选择对话框。
• 宽度—使用此选项设置图标的宽度。
• 高度—设置图标的高度。
• 颜色和背景—设置主图标的颜色和背景。

设计选项

下设计设置，你可以选择设置图标的边距，边框，框阴影，边框半径，文本阴影。

保证金

使用此选项可设置图标的边距。您可以更改图标的所有侧面的设置或单独修改它们。

边境

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

边界半径

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

盒阴影

您可以使用框阴影控件在图标上设置阴影。

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

文本的影子

文本阴影控制组包含为图标文本设置文本阴影的设置。

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

定制

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

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

演示

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

总结

总之，我们已经讨论了图标元素。我们已经讨论了图标元素是在页面上添加图标的一个简单工具，我们已经学习了如何改变它的内容和设计，并深入研究了图标元素设置的细节。