Полосатый 2-х цветной фон с изображениями или без?

Question

Я хочу создать красивый полосатый диагональный или горизонтальный фон (желтый и черный) для http://www.hallmorkshoneybess.co.uk, но не могу найти учебники о том, как это сделать.

Не могли бы вы помочь. Спасибо

Answer 1

http://lea.verou.me/css3patterns/ вот несколько превосходных примеров, которые вы можете использовать.

CSS3 не принят на 100%, поэтому я бы остановился на чем-то вроде http://www.stripegenerator.com

Answer 2

Из того, что сказал Кринсейн, вы можете сделать это так:

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

Таким образом, в основном мы создаем линейный градиент наполовину черного и наполовину белого, затем мы определяем его размер как 20% от его контейнера. Наконец, когда мы повторяем это, мы получаем несколько полос.

Измените 20% для полос разных размеров и соотношение 50% и 50% для другого соотношения 2 цветов.

Надеюсь, это поможет.

Answer 3

Вы можете использовать комбинацию линейных градиентов css3 и размера фона и повторения.

Answer 4

Вы можете легко сделать это, используя линейный градиент с цветными остановками: http://www.techrepublic.com/blog/webmaster/css3-gradients-setting-color-stops/937