html – 如何在4中分割背景颜色

概述我有这个div： <div data-role="page" id="menupage"></div> 这代表了页面的主体.而且我想用4种颜色制作它的背景.我知道怎么做到2： #menupage { width: 100%; height: 100%; background: linear-gradient( to right, #FFF 0%, #FFF 我有这个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;

有人可以帮忙吗？谢谢！

解决方法 使用CSS3,您可以申请 multiple backgrounds.

body,HTML {  margin: 0;  padding: 0;}#menupage{  wIDth: 100%;  height: 100vh;  background: linear-gradIEnt(to right,#008DD2 100%),linear-gradIEnt(to right,#F2651C 0%,#F2651C 50%,#BCC375 50%,#BCC375 100%);  background-size: 100% 50%;  background-position: center top,center bottom;  background-repeat: no-repeat;}

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

总结

以上是内存溢出为你收集整理的html – 如何在4中分割背景颜色全部内容，希望文章能够帮你解决html – 如何在4中分割背景颜色所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。