参见英文答案 >
Can I apply multiple background colors with CSS3?6个
如何在CSS中为单个div提供多种背景颜色或图像?例如,我希望顶部是红色,然后中间是蓝色,底部是绿色.
如何在CSS中为单个div提供多种背景颜色或图像?例如,我希望顶部是红色,然后中间是蓝色,底部是绿色.
解决方法
单个线性渐变作为背景就足够了
background: linear-gradient(to bottom,red 0,red 33.33%,blue 0,blue 66.66%,green 0,green 100% );