background-color和background-image问题

今天撸码的时候发现需要background-color和background-image 一起用，才开始考虑两个
可不可以一起用  查阅多方资料才知道可以写成background：color url（）；

合并起来写 只有只有这样的顺序才有效，分开写也可以，不过color必须写在前面，image必须写在后面才生效。

无论是background：red；

        background：url（）；

还是background-color：red；

     background-image：url（）；

   color必须写在前面才可以达到两者并存的效果，有也只有这样的顺序才可以实现效果。

附图：