我想为http://www.hallmorkshoneybess.co.uk创建漂亮的条纹对角线或水平背景（黄色和黑色），但无法找到有关如何操作的任何教程。
你能帮忙吗？感谢答案 0 :(得分：11)
http://lea.verou.me/css3patterns/这里有一些你可以使用的优秀样本。
CSS3并非100％被接受，因此我会坚持使用http://www.stripegenerator.com
之类的东西答案 1 :(得分：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％。
希望这有帮助。
答案 2 :(得分：0)
您可以使用带颜色停止的线性渐变轻松完成此操作：http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937
答案 3 :(得分：0)
您可以结合使用css3线性渐变和背景尺寸＆amp;重复。