# 组件外观容器设置背景色和内容设置背景色有何区别

来源快照：`result_data_new_260518.json`

- 来源 ID：`1970297180545365216`
- 模块：低代码平台e-builder
- 目录：常见问答 - 页面设计
- space ID：`1157961794811633670`
- 原文链接：未提供
- 产品基线：未提供

## 正文

**问题描述：  
**

****

 组件外观容器设置背景色和内容设置背景色有何区别

 

**解决方式：**

**  
**

****

我们以导航面板为例，调整导航面板内容颜色

两种方法调整

  


第一种：可以通过外观—自定义样式—内容中设置背景色

![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721242266050574&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)

  


  


第二种：可以通过外观—自定义样式—容器中设置背景色

  


**   ![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721246756634626&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)           **

**  
**

**  
**

**  可以看到两种设置都可以实现导航面板内容背景色设置，区别是通过内容设置背景色会对应修改内容背景色，而容器中设置背景色会将标题，内容背景色全部修改（就是说容器颜色是包含标题和内容）**  


**  
**

**需要注意的是，如果标题、内容、容器分别都设置了背景色，效果顺序是先执行标题、内容分别设置的颜色，再执行容器中的颜色，如下图所示**

**  
**

**![](https://weapp.eteams.cn/papi/file/preview?fileId=1157721250926657546&type=redirect&customParam=%7B%22isExtDist%22%3Atrue%2C%22distributeId%22%3A%22%22%2C%22externalId%22%3A%22%22%2C%22appId%22%3A%22%22%7D)**

**  
**
