带或不带图像的条纹2色背景？

Question

我想为http://www.hallmorkshoneybess.co.uk创建漂亮的条纹对角线或水平背景（黄色和黑色），但找不到有关如何操作的任何教程。

您能否请帮助。由于

Answer 1

http://lea.verou.me/css3patterns/这里有一些优秀的样品，你可以使用。

CSS3心不是因此100％的接受，我会坚持的东西像http://www.stripegenerator.com

Answer 2

，你可以很容易地做到这一点使用一个线性渐变颜色，停：http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937

Answer 3

您可以使用CSS3线性渐变和背景大小&重复的组合。

Answer 4

从什么Crinsane说你可以做这样的：

background-color: black; background: linear-gradient(white 50%, black 50%); background-size: 100% 20%; background-repeat: repeat-y;

所以基本上我们要创建一个线性然后我们将其大小定义为其容器的20％。所以最后当我们重复它时，我们会得到几条条纹。

更改不同尺寸条纹的20％和不同比例的2种颜色的50％50％比例。

希望这会有所帮助。