html – 多种背景颜色,css中的图像

参见英文答案 > Can I apply multiple background colors with CSS3?6个
如何在CSS中为单个div提供多种背景颜色或图像？例如,我希望顶部是红色,然后中间是蓝色,底部是绿色.

解决方法

单个线性渐变作为背景就足够了

background: linear-gradient(to bottom,red 0,red 33.33%,blue 0,blue 66.66%,green 0,green 100%
);

Example | Browser support