在vue前端开发的时候，我们需要做一个某一块有图片并且背景是渐变的效果。原来是想直接用两个DIV使用的是css的background来处理。却没想到background能够设置多个背景。

1、单独设置：简单的背景色渐变

.bg1{
background: linear-gradient(105deg, #F8FCFF 0%, #C4CBD5 100%);
background-size: auto 100%;
}

2、混合搭配设置：多背景色渐变+多图片

.bg1{
background: url(images/wyc-bg.png) no-repeat center center, linear-gradient(105deg, #F8FCFF 0%, #C4CBD5 100%);
background-size: auto 100%;
}

总结：background可以设置多背景，不同设置用  ,  分开，并列设置即可。其中背景图片设置在前，渐变色设置在后。渐变色种类、渐变%百分比，渐变角度、渐变方向，均可按css属性进行自定义代码设置；