• Теория
  • Теория

Строим сложный фон — финал

На этом шаге мы завершим создание орнамента. Мы уже растянули контейнер на всё окно мини-браузера, чтобы орнамент было лучше видно. Осталось внести небольшие изменения в базовый фрагмент и размножить его.

Вернёмся к множественным фонам. Вы можете не только задавать несколько фоновых изображений, но и управлять размерами, расположением и повторением каждого из них по отдельности. Такая запись:

background-size: 100px 200px;

Задаст всем фоновым изображениям один и тот же размер. А такая запись:

background-size:
  100px 200px,
  200px 300px,
  300px 400px;

Задаст всем фоновым изображениям разные размеры.

Чтобы задавать разные значения свойств для множественных фонов, вам нужно просто перечислять эти значения через запятую в том же порядке, в каком вы записали изображения.

Хотите досконально разбираться в разметке, знать о доступности, строить сетки на флексбоксах? Записывайтесь на профессиональный курс по вёрстке первого уровня, проходящий c 27 мая по 29 июля 2024. Только 6 дней цена 18 900 ₽22 900 ₽

Минимальный вид табов
  • index.html
HTML
HTML

Вы перешли на другую страницу

Кликните внутри мини-браузера, чтобы поставить фокус в это окно.

100%
Бабушка Кекс

Притормози, дружище

Проходить вызовы части «Линейные градиенты» тренажёра «Погружение в декоративные эффекты» можно после регистрации и оформления подписки.