帶或不帶圖像的條紋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％比例。

希望這會有所幫助。