图画

图像在网页设计中起着至关重要的作用,因此在设计表单或仪表板时,您可能会经常使用 图画控件。让我们了解一下您可以为此控件控制的所有设置。

将图画控件添加到页面

首先,在控件添加面板中找到图画控件,然后将其拖放到页面上。

编辑图画控件

选择图画

在此区域上传图片,或者击此区域右下角的开关图标,可动态使用图片字段、变量、或当前用户的个人信息图片。

图画尺寸

设置图片的尺寸

对齐

设置图片的对齐方式:左对齐、右对齐、居中对齐

图画标题

图画的标题是可选的,在图片底部添加标题,标题可以自定义,也可以使用动态内容。

链接

链接可设置为:无、媒体文件、自定义链接;选择“媒体文件”直接链接到图片位置,选择自定义链接可以链接到任何网站的任何页面。如果您不需要图片链接,设置“无”即可。

图画样式

  1. 宽度:设置图片宽度
  2. 最大宽度:设置图片的最大宽度
  3. 高度:设置图片高度
  4. 不透明度:设置图片的透明度
  5. CSS过滤器:设置图片的CSS样式:模糊、明暗度、对比、饱和度、色调
  6. 边框类型:设置边框的类型,值有:无/实线/双实线/点线/虚线/凹槽。
  7. 边框半径:设置边框的圆角。
  8. 阴影:设置边框的阴影。
  9. 图画标题:设置标题的对齐方式、文字颜色、背景颜色、文本阴影、间距等。

Updated on 2022年7月4日

Was this article helpful?

Related Articles