我正在尝试创建多种颜色的背景来实现这一点:

现在,我设法做到了:

我做了什么:



所需背景:



我正在尝试使用渐变来做到这一点,但似乎不可能结合两个渐变来做到这一点。 (可以做其他事情,但不能这样做)。

有没有办法实现这种背景?

谢谢!

最佳答案

尝试以下操作(根据需要调整百分比和颜色):

.yourdiv{
background: #ffffff;
background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 70%, #f1f1f1 70%, #f1f1f1 100%);
background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 70%,#f1f1f1 70%,#f1f1f1 100%);
background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 70%,#f1f1f1 70%,#f1f1f1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f1f1f1',GradientType=0 );

}


DEMO HERE

关于html - 多种颜色背景HTML,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/39269468/

10-13 01:50