小编flo*_*ori的帖子

我有这个div:

<div data-role="page" id="menupage"></div>

这代表了页面的主体.我想用4种颜色制作它的背景.我知道怎么做到2:

#menupage {
  width: 100%;
  height: 100%;
  background: linear-gradient(
    to right, 
    #FFF 0%, 
    #FFF 50%, 
    #008DD2 50%, 
    #008DD2 100%
  );
}

我想要这样的东西:

PS:如果你喜欢这些颜色:

orange: #F26522;
green:  #BBC274;

有人可以帮忙吗？谢谢!