CSS залить фон двумя цветами

Залить блок 2 цветами по вертикали

CSS:

.article-gradient-2color-ver {
    width: 100%;
    height: 400px;
    background: linear-gradient( to right, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}

Залить блок 2 цветами по горизонтали

CSS:

.article-gradient-2color-hor {
    width: 100%;
    height: 400px;
    background: linear-gradient( to top, #dff0d8 0%, #dff0d8 50%, #31708f 50%, #31708f 100%);
}

Рубрики: CSS

Если есть вопросы, что-то в статье не понятно или нашли ошибку, напишите об этом в комментариях, все комментарии читаются и по возможности материал будет доработан.
Популярные статьи

Bitrix куда писать AddEventHandler

В статье дается ответ о том куда лучше всего добавить AddEventHandler, чтобы от точно сработал.

Шпаргалка по PHP

Здесь описаны функции, переменные, конструкции и т.д. которые используются часто. Кое-что легче скопировать и вставить, чем писать каждый раз заново.

PHP вывод использованного места по каталогам

С помощью программы ncdu и ей подобных можно легко проанализировать объем занятого дискового пространства, но не всегда удобно подключаться к серверу, писать необходимые комманды, поэтому я решил написать для себя web вариант подобной программы.

Пример использования chatGpt в работе: group_concat в sql

В этой статье мы рассмотрим реальный пример использования ИИ в работе для построения sql запроса.

Bitrix Получить ID инфоблока для элемента по его ID

В статье приводится пример того как можно получить ID инфоблока зная ID его элемента.

Комментарии

Влад [29.05.2023]
Спасибо! пригодилось в работе
Данный сайт использует файлы cookies. Продолжая просмотр сайта, вы соглашаетесь с использованием файлов cookies.
ОК