Cвойство background-position
управляет расположением фонового изображения. Значение свойства состоит из двух частей, разделенных пробелом: x y
.
x
задаёт расположение по горизонтали, а y
по вертикали.
В качестве значения x
можно использовать ключевые слова left
, center
, right
, значения в процентах и в пикселях.
В качестве значения y
можно использовать ключевые слова top
, center
, bottom
, значения в процентах и в пикселях.
Примеры использования свойства:
background-position: 50% 50%; background-position: right bottom; background-position: 50px 100px; background-position: 0 100%; background-position: left bottom;
Так сработают примеры:
Задайте блокам расположение фона:
50% 50%
— 1 блоку,100% 0
— 2 блоку,0 100%
— 3 блоку,100% 100%
— 4 блоку.Обсуждение и комментарии
Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.
Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.