---
order: 5
---
# 背景

背景属性是用来设置画布或控件的背景色或背景图片，以达到更加美观的展示效果。

## 示例{#example}

该超市大数据分析平台仪表板的背景为动效填充：

![背景](./images/2019-11-24-17-04-53.png)

示例地址：[超市大数据分析平台](https://demo.succbi.com/v5/bi/%E8%B6%85%E5%B8%82%E9%9B%B6%E5%94%AE%E5%A4%A7%E5%B1%8F)

## 属性介绍{#attribute}

**背景**有4种填充方式：

- 无填充：即无背景
- 颜色填充：可选择**纯色**填充或**渐变色**填充，渐变色的设置可以查看[渐变色填充设置](#gradient)说明
- 图片填充：选择图片填充时，可选择系统图片库中的图片，也可上传自定义图片，可参考文档[图片](../../../components/more/image.md)
- 动效填充：背景以动态的效果展示，系统中同样也提供了多种动效

### 渐变色填充设置{#gradient}

若希望背景实现渐变色的效果，可以在颜色填充中选择**渐变色填充**，具体操作步骤如下：

1. 选中画布、组件或需要设置渐变色的内容，在**属性栏**>**样式**>**填充**中选择`颜色填充`
2. 点击`颜色填充`下方显示的当前填充颜色，选择**渐变色**，调整**角度**，**角度**设置为`90°`时颜色横向渐变，设置为`180°`时颜色纵向渐变
3. 使用两边的拾色器进行颜色的拾取，可在**主题色板**和**更多颜色**中进行不同颜色的拾取

:::tip 多色渐变
在两个拾色器中间左键单击，可以添加拾色器，进行多种颜色组合的渐变色设置。
:::