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

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

CSS простой горизонтальный слайдер

В статье приводится пример кода для создания простого горизонтального слайдера с использованием CSS и небольшим количеством JS кода. Для реализации потребуется всего около 60 строк стилей и js кода.

Bitrix выполнить произвольный sql запрос

В статье приведен пример как выполнить произвольный sql запрос используя стандартные средства Bitrix

PHP Удалить лишние нули после запятой

Когда в проекте диапазон чисел от 0,0001 до 1 000 000, удобно автоматически удалять лишнии нули после запятой.

Bitrix получить путь до компонента

В статье приводится пример кода для получения директории в которой находится файл компонента.

Bitrix подключить модуль

Так как bitrix состоит из большого количества различных модулей, знать как их правильно подключать просто необходимо.

Bitrix регистрация своего события

В статье приводится пример регистрации собственного события в bitrix и добавления на него обработчика.

Комментарии

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