Следующее важное свойство, касающееся фоновых изображений, это позиционирование в CSS фоновых изображений.
Когда мы устанавливаем фоновую картинку, она всегда устанавливается в левый угол сверху блока. Это такое положение которое задано изначально для фоновой картинки. Если мы не задаем его принудительно, то браузер всегда ставит фоновую картинку в левый угол вверху блока.
Нам необходимо научиться менять это положение. Давайте попробуем это сделать на примере. Давайте добавим картинку к заголовку первого уровня. Эта картинка должна быть прямо внутри заголовка. Мы уже знаем, что у блока div уже есть фоновая картинка, поэтому картинку мы будем ставить на фон именно блока h1.
Когда мы устанавливаем фоновую картинку, она всегда устанавливается в левый угол сверху блока. Это такое положение которое задано изначально для фоновой картинки. Если мы не задаем его принудительно, то браузер всегда ставит фоновую картинку в левый угол вверху блока.
Нам необходимо научиться менять это положение. Давайте попробуем это сделать на примере. Давайте добавим картинку к заголовку первого уровня. Эта картинка должна быть прямо внутри заголовка. Мы уже знаем, что у блока div уже есть фоновая картинка, поэтому картинку мы будем ставить на фон именно блока h1.