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

Question

如何div在CSS中提供单个多种背景颜色或图像？例如,我希望顶部是红色,然后中间是蓝色,底部是绿色.

Answer 1

单个linear-gradient作为背景就足够了

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

示例 | 浏览器支持