Html div可以有一半图像和一半颜色背景吗？

当我尝试此操作时，不会出现颜色或图像：

 #example1 {
    background:blue:
    background: url(tin.jpg) repeat-y;
    background-size: 50% auto;
    width: 100%;
    height:400px;
    padding: 15px;
}

---

您应该只有一个

背景
定义。当前，您的第二个
背景将覆盖第一个


#示例1{
背景：蓝色url(https://placehold.it/800x800)重复-y；
背景尺寸：50%自动；
宽度：100%；
高度：400px；
填充：15px；
}
您必须像下面这样组合它

 background:blue url(http://photos.state.gov/libraries/media/788/images/500x500-sample.jpg) repeat-y;

或者，如果你想单独给予，你必须像这样给予

background-color:blue;
background-image:url(http://photos.state.gov/libraries/media/788/images/500x500-sample.jpg);
background-repeat:repeat-y;


#示例1{
背景：蓝色url(http://photos.state.gov/libraries/media/788/images/500x500-sample.jpg)重复-y；
背景尺寸：50%自动；
宽度：100%；
高度：500px；
填充：15px；
}
您只需在图像背景中加入颜色背景，如下所示：

background: blue url(tin.jpg) repeat-y;

所以你的风格代码应该是这样的

#example1 {
  background: blue url(tin.jpg) repeat-y;
  background-size: 50% auto;
  width: 100%;
  height:400px;
  padding: 15px;
}

在蓝色后面用分号。请尽量详细说明你想要实现的目标。或者在他的代码中，他简单地将背景色改为
并放在后面