# 自定义背景框
自定义背景框用于在页面添加遮罩层或背景。
在高级页面设计器中，单击![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285981.png)，从"装饰 \> 通用"中，拖拽"自定义背景框"组件到画布中，如[图1]所示。
图1自定义背景框   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001960285989.png "点击放大")
#### 属性
在属性中，设置自定义背景框组件的位置、边框、背景等。
图2属性   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001932887472.png "点击放大")
- 基础
  - 组件标题：设置组件的标题。
  
  - 组件名称：设置组件的名称。
   
- 位置
  - 距离左端：组件到页面左侧的距离，单位为px。
  
  - 距离顶端：组件到页面顶部的距离，单位为px。
  
  - 宽度：组件的宽度，单位为px。
  
  - 高度：组件的高度，单位为px。
  
  - 堆叠顺序：设置组件层叠显示顺序。组件的堆叠顺序默认都是"1"，数字越大，显示越靠前。当需要让组件置底时，可设置堆叠顺序为"0"。
  
  - 自适应高度：组件的高度是否随宽度改变。
   
- 边框：设置组件的边框样式，如全边框或角边框。
- 背景
  - 样式：设置背景的样式，如普通、居中、拉伸等。
  
  - 图片链接：背景图片URL。
  
  - 颜色：设置背景的颜色。
   
 
#### 高级设置
选中自定义背景框组件，单击右键选择"高级设置"，可配置参考模板、背景颜色、阴影设置、边框设置参数。
图3矩形装饰配置界面   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046864.png "点击放大")
- 参考模板：系统默认提供四种可选模板，单击即可切换样式。
- 背景颜色：背景颜色设置，包括是否显示背景颜色、单一色或者渐变色配置。
- 阴影设置：支持设置为内部阴影、外部阴影或者自定义阴影。
- 边框设置：为组件边框设置粗细、颜色、类型、圆角。
#### 事件
在事件中，可查看组件可配置的事件列表。更多关于事件的介绍，请参见[初识事件-动作](https://support.huaweicloud.com/usermanual-astrozero/astrozero_05_0167.html)。
图4设置事件   
![](https://support.huaweicloud.com/usermanual-astrozero/zh-cn_image_0000001933046856.png "点击放大")