华为云首页用户手册

ASTRO工作流 ASTROFLOW-布局容器:样式配置

ASTRO工作流 ASTROFLOW-布局容器:样式配置

时间：2024-11-15 10:33:43

ASTRO工作流 ASTROFLOW 自定义页面组件介绍

样式配置

内间距：设置容器内组件与容器四边的间距，可分别配置上、下、左、右或四周。默认值为4px，范围为0~100px。
外间距：设置容器外与其他容器四边的间距，可分别配置上、下、左、右或四周。默认值为0px，范围为0~100px。
边框：
- 位置：设置边框的位置，支持配置上、下、左、右和四周。
- 宽度：设置边框的宽度。默认值为0px，范围为0~50px。
- 样式：设置边框样式，根据需求选择“无”、“圆点”、“虚线”和“实线”。
- 颜色：设置边框显示的颜色。
圆角：给元素添加圆角效果，设置圆角的大小和位置。
默认值为0px，范围为0~500px。
背景类型：设置组件样式的背景。
- “背景类型”选择“颜色”时，选择背景展示的颜色。
- “背景类型”选择“图片”时，上传图片作为背景，并设置图片的填充方式。
  
  背景图片支持jpg、jpeg、png、gif格式，单张5MB以内。
  
  图3 设置背景
阴影：
- X：X偏移，阴影相对于其源元素在水平方向（X轴）的偏移距离，取值范围[-100, 100]。
- Y：Y偏移，阴影在垂直方向（Y轴）的偏移距离，取值范围[-100, 100]。
- 模糊：阴影的模糊程度。值为0时表示阴影边缘锐利，没有模糊。值越大，阴影的边缘就越模糊，从而产生更柔和的阴影效果。取值范围[0, 100]。
- 扩散：扩散半径，它允许阴影在原始尺寸基础上向外扩散。正值会使阴影扩大，负值则会减小阴影的尺寸。取值范围[-100, 100]。
- 颜色：设置阴影的颜色。

上一篇：ASTRO工作流 ASTROFLOW-布局容器:基础配置

下一篇：ASTRO工作流 ASTROFLOW-布局容器:基础配置

华为云11.11 2核1G 2M 云服务器

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

续费同价 L实例 2核2G 4M

98元/年

热门域名 1元随心购

1元/年

ASTRO工作流 ASTROFLOW-布局容器:样式配置

意见反馈

0/200

提交成功！非常感谢您的反馈，我们会继续努力做到更好反馈提交失败！请稍后重试！

推荐文章

解决方案
相关专题