Как бы я разделил свой фон на несколько цветов?

Question

Я пытаюсь понять, как я разделил бы меня на разные цвета, я предполагаю, что я определяю 3 разных тега div и просто меняю этот фон значений. Но будет ли это правильным путем?

Answer 1

Используйте градиенты. Example.

background: linear-gradient(to bottom, #1e5799 0%, #1e5799 33%, #ff3033 33%, #ff3033 66%, #f9f486 66%, #f9f486 100%); 

Answer 2

Вы можете использовать это для WebKit браузеров:

CSS

body{ 
    background: -webkit-linear-gradient(left, 
       #000000 0%, #000000 20%, 
       #FFFFFF 20%, #FFFFFF 40%, 
       #000000 40%, #000000 60%, 
       #FFFFFF 60%, #FFFFFF 80%, 
       #000000 80%, #000000 100%)"; 
} 

Этот градиент пример будет выглядеть как зебра :)

Answer 3

линейного градиента, вероятно, лучший ответ здесь , Другая возможность - использовать узкую полосу изображения толщиной 1 пиксель, которая изменяется в противоположном измерении. Хотя это больше подходит для фиксированного размера дисплея.

Answer 4

Добавить это имя класса вашего HTML-элемента его два красного цвета градиента, но вы можете изменить соответствующим образом, работает почти во всех браузерах

.reddishGrad{ 
background: #C00000; /* Old browsers */ 
background: -webkit-linear-gradient(#c00000, #8B0000); /* For Safari */ 
background: -o-linear-gradient(#c00000, #8B0000); /* For Opera 11.1 to 12.0 */ 
background: -moz-linear-gradient(#c00000, #8B0000); /* For Firefox 3.6 to 15 */ 
background: linear-gradient(#c00000, #8B0000); /* Standard syntax */ 
} 

Answer 5

Вы можете взять ур цвета как градиент и применять их в Уре фоне стили. Эта ссылка упрощает работу с ur. http://www.colorzilla.com/gradient-editor/