华为云首页用户手册

ASTRO轻应用 ASTROZERO-设置AstroZero标准页面表格组件属性:样式

ASTRO轻应用 ASTROZERO-设置AstroZero标准页面表格组件属性:样式

时间：2024-10-08 15:15:24

ASTRO轻应用 ASTROZERO 设置AstroZero标准页面组件属性

样式

针对有丰富前端开发经验的用户，可通过“样式”面板对页面进行更深度的个性化布局定制。

表格宽高：设置表格的宽度和高度。
布局：对页面 CSS 属性进行直接配置，如设置组件的宽度、高度等。您也可以在“高级设置”中，直接编写 CS S代码进行更深度的个性化布局定制。
- 单击“显示”属性后的按钮，可以快速指定当前元素布局为“block”、“inline-block”、“inline”和“flex”。
- “显示”属性下方展示了当前元素的盒模型示意图，在对应的数字位置单击并改变值，即可快速改变元素上下左右位置上的内外边距属性。
- 当前元素盒模型示意图下方，展示了当前元素的宽和高，默认是根据当前布局自适应后的宽高，可以在这里手动输入值配置当前元素的宽和高。
- 盒模型和宽高配置时，支持“px”、“em”、“%”、“auto”等多种单位。
  图8 样式属性配置面板
字体：设置字体大小、字体样式、颜色等。
背景：设置背景颜色、透明度。
阴影：设置阴影颜色、模糊、扩散等，支持“px”、“em”和“%”三种单位。
高级设置：在高级设置中，直接编写CSS代码作用于当前元素。
- 样式源码：组件具体样式代码，组件样式设置后，样式代码将自动显示在“样式源码”中。也可以自定义样式代码，对组件进行详细配置，自定义代码支持多行输入，并高亮显示样式参数。
- 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。
- 样式透传：启用后，可以将设置好的样式透传给组件的子节点。

上一篇：ASTRO轻应用 ASTROZERO-设置AstroZero标准页面表格组件属性:表格列

下一篇：ASTRO轻应用 ASTROZERO-设置AstroZero标准页面表格组件属性:表格列

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

29元/年

立即注册领万元上云礼券

抽奖赢11111元免单

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

98元/年

热门域名 1元随心购

1元/年

ASTRO轻应用 ASTROZERO-设置AstroZero标准页面表格组件属性:样式

意见反馈

0/200

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

推荐文章

解决方案
相关专题