> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Background: цвет, изображение и градиент фона

> Настройки Background в LanderLab: как задать фон элемента цветом, изображением или линейным и радиальным градиентом и как убрать фон совсем.

Раздел Background позволяет управлять тем, как элементы выглядят позади своего содержимого. Вы можете применить цвета, изображения или градиенты — в зависимости от типа элемента.

Эти настройки находятся в **правой панели** при выборе элемента.

## Где это найти

1. Выберите элемент (секцию, контейнер, кнопку и т. д.)
2. Перейдите в **правую панель**
3. Откройте раздел **Background**

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/background.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=91eca7dd15d69ff97054a9dcc20eb437" alt="Раздел Background в правой панели настроек элемента" width="1306" height="988" data-path="images/background.png" />
</Frame>

## Типы фона

Разные элементы поддерживают разные варианты фона.

### None (X)

* Убирает любой фон
* Элемент становится прозрачным

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-10.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=0baf80fd0e2d83faff4ab5916cbc40de" alt="Тип фона None: фон убран" width="286" height="111" data-path="images/image-10.png" />
</Frame>

### Color

* Примените сплошной цвет
* Можно использовать:
  * Выбор цвета на палитре
  * Значения RGB

👉 Чаще всего используется для кнопок, секций и контейнеров

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-13.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=297d03f6b7c587b916c84a5cb734a799" alt="Сплошной цвет фона и палитра выбора цвета" width="275" height="145" data-path="images/image-13.png" />
</Frame>

### Image

* Установите изображение в качестве фона
* Доступно в основном для крупных элементов, таких как секции или контейнеры

Доступные опции:

* Загрузить или заменить изображение
* Настроить размер (fit, cover и т. д.)

👉 Недоступно для мелких элементов, например кнопок

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-11.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=e060d412aa31ef3de08f4aef54f569c1" alt="Настройки фонового изображения" width="278" height="336" data-path="images/image-11.png" />
</Frame>

### Gradient

* Создайте плавный переход между цветами

Доступные опции:

* Стиль **Linear** или **Radial**
* Настройка угла
* Несколько цветовых точек (color stops)

👉 Отлично подходит для современного интерфейса и визуальной глубины

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/OxODOtVy1KOg0VAr/images/image-12.png?fit=max&auto=format&n=OxODOtVy1KOg0VAr&q=85&s=c202d976cb8a2e88277bb318ef7cb314" alt="Настройки градиентного фона с цветовыми точками" width="282" height="277" data-path="images/image-12.png" />
</Frame>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.