Как задать диву два цвета(градиент)?

Question

[olya_097]

чтобы каждый занимал 50% от размера дива

Answer 1

[2bllk]

Вертикально:
background: linear-gradient(red 50%, green 50%);
Горизонтально:

background: linear-gradient(to right, red 50%, green 0px);

Answer 2

[Planet_93]

Используйте сервис. Там и цвета выберете, и необходимый угол укажите.

А потом просто скопируйте и укажите получившийся background для вашего дива.

https://cssgradient.io/

Comments

[origami1024]

Через пару месяцев сайт по ссылке умрет или изменит домен, и ответ станет бесполезным.

[origami1024]

sashabeep, правильнее было бы написать полный ответ, а ссылки дать как дополнительный материал